有没有一种CSS/JavaScript技术可以显示一个长的HTML表格,使列标题在屏幕上保持不变,第一列保持不变,并与数据一起滚动。
我希望能够滚动浏览表格的内容,但始终能够看到顶部的列标题和左侧的第一列。
如果有jQuery插件,那就太好了!如果有用的话,我唯一关心的浏览器就是Firefox。
发布于 2009-08-20 15:27:37
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可能需要对行高进行一些调整)。
发布于 2010-08-13 22:43:40
我认为,尽管这是一个古老的问题,但这是一个很好的地方来插入我自己的脚本:
http://code.google.com/p/js-scroll-table-header/
它不需要配置就能工作,而且设置起来也很容易。
发布于 2009-03-26 05:40:10
如果您想要的是在表中的数据垂直滚动时保持头部不动,那么您应该实现一个带有"overflow-y: auto“的样式,如下所示:
<table>
<thead>
<tr>
<th>Header1</th>
. . .
</tr>
</thead>
<tbody style="height: 300px; overflow-y: auto">
<tr>
. . .
</tr>
. . .
</tbody>
</table>
如果内容的高度超过了所需高度,它将开始滚动。但是,无论滚动位置如何,标题都将固定在顶部。
https://stackoverflow.com/questions/684211
复制相似问题