当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《带有固定标题和固定列的HTML表格?》经验,为你挑选了1个好方法。

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

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

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



1> acatalept..:

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可能需要对行高进行一些调整).


jQuery.com上托管的jQuery库的链接发生了变化,他们的重定向不正确...所以它停止在所有浏览器中工作.我已经修改了指向Google服务器上的文件的链接 - 希望那个应该更可靠.
推荐阅读
黄晓敏3023
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有