滚动表格(Fixed Header)Javascript

时间:2015-01-27 23:12:36

标签: javascript html5 css3 scroll fixed-header-tables

我正在做一个颜色映射表,但是我有很多列和行(这么多单元格......)我需要在表格中做一个类似于Excel表格的滚动。你有什么想法开始我的代码吗?

2 个答案:

答案 0 :(得分:0)

我建议你试试javascript库数据表

https://datatables.net/manual/installation

此库包含名为 scroller 的虚拟渲染插件。

这应该是这样的:

this is how it should look like

答案 1 :(得分:-1)

您需要将表格包装在div中并在div上设置高度。 然后在包含div上设置overflow: auto以实现此结果。

http://jsfiddle.net/uh6705mx/2/