带有固定标题和固定列的HTML表格？

Question

是否有CSS/JavaScript技术来显示一个长HTML表格,使列标题保持固定在屏幕上,第一个coloumn保持固定并滚动数据.

我希望能够滚动表格的内容,但始终能够看到顶部的列标题和左侧的第一列.

如果有一个jQuery插件会很棒!如果它有助于我唯一关心的浏览器是Firefox.

Answer 1

pranav发布的链接的工作示例:

http://jsbin.com/nolanole/1/edit?html,js,output

仅供参考:在IE 6,7和8中测试(兼容模式开启或关闭),FF 3和3.5,Chrome 2.不对屏幕阅读器友好(标题不是内容表的一部分).

编辑5/5/14:将示例移至jsBin.这是旧的,但仍然可以在当前的Chrome,IE和Firefox中使用(尽管IE和Firefox可能需要对行高进行一些调整).

Answer 2

我知道你可以为 MSIE 做到这一点，并且这个有限的示例似乎适用于 Firefox（不确定该技术的可扩展性如何）。