首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css统制固定表头,兼容行列合并

2012-11-23 
css控制固定表头,兼容行列合并项目中设计的报表table设计的列数相对过多,当拖动下方的滚动条时无法对应表

css控制固定表头,兼容行列合并
项目中设计的报表table设计的列数相对过多,当拖动下方的滚动条时无法对应表头所对应的列,因此在网上搜索了好一段日子,最后在网上找到了一些参考资料,然后总结归纳出兼容行列合并的固定表头demo。

多浏览器没有做太多测试,在ie6中已测试通过。

功能期待了很久今天终于找到解决的方式,总结到javaeye中方便日后查阅。实现方式可能还有更好的,希望有大牛路过,给我留点更好的实现例子作日后交流之用。

以下是相关的css



另外补充一点,如果在表头合并的是最后一行的时候,排版将出现问题。由于上面合并的只有两行,因此样式没有受到改变,如果要处理,暂时的解决办法就是不合并rowspan最后一行,将其多行显示,有点牵强,但找不到解决办法。类似情况如下图:



找了些资料可作参考:
http://www.loveayang.com.cn/post/2008/04/e59bbae5ae9ae8a1a8e5a4b4e79a84CSSe5ae9ee78eb0.aspx
文章中亦说没有办法解决上述的这个问题,留待日后有更好的解决方案。 1 楼 xyztony1985 2010-02-03   不喜欢用expression 2 楼 kaki 2010-02-03   ecside不是好吗? 3 楼 simoncz 2010-02-04   Ie only 4 楼 javaqiang 2010-02-08   劝楼主不要用expression,在Firefox下是不兼容的,而且expression会影响性能 5 楼 superfofo 2010-02-09   是的,在firefox中确实存在问题,但需要功能实现,没有找到更好的解决方案,所以才先用的,望有使用过的童鞋介绍更好的办法 6 楼 superfofo 2010-02-09   kaki 写道ecside不是好吗?

ecside貌似不能合并表头之类的设置吧?

热点排行