固定表头

阅读更多

Grid 资源

FixedHeaderTable 

http://fixedheadertable.com/

不支持IE6

 

BI Grid

http://www.bi-grid.com/

功能较弱

 

DHTMLX

http://dhtmlx.com/

功能丰富强大，提供了大量成熟的控件，许可不够友好，专业版、企业版是收费的。

 

Dojo Grid

功能强大，用起来有些繁琐。

 

IE6overflow: hidden 问题

对待超出容器范围的元素，一般常见的有两种解决方法：一种是添加滚动条（给容器添加overflow: auto），另一种就是隐藏元素超出范围的部分（给容器添加overflow: hidden）。虽然从可用性角度应该使用添加滚动条的方法以保证客户可以获得所需信息，但是在很多时候用隐藏的方法比较不会引起页面整体感觉混乱。不幸，世界上目前市场份额最大的浏览器——IE6——对于overflow: hidden的支持不佳。如果单单是给容器添加overflow: hidden很可能根本看不见任何效果。但是一旦容器有了固定的高度、宽度，overflow: hidden 立刻就达到了期望的效果。

 

Scroll 事件

onscroll="dynScroll(this);" 

function dynScroll(divScroll) {

var divHeader = document.getElementById('ft_header');

divHeader.scrollLeft = divScroll.scrollLeft;

}