在 table 内滚动(固定 Header)Javascript
Scroll inside a table (Fixed Header) Javascript
我正在做 color-map table,但是我有很多列和行(这么多单元格...)我需要在 table 中做一个滚动类似于 Excel tables。您对开始我的代码有什么想法吗?
您需要将 table 包裹在 div 中,并在 div 上设置高度。
然后在包含 div 上设置 overflow: auto
以获得此结果。
我建议你试试 javascript library Datatables
https://datatables.net/manual/installation
此库包含名为 scroller.
的虚拟渲染 plug-in
它应该是这样的:
我正在做 color-map table,但是我有很多列和行(这么多单元格...)我需要在 table 中做一个滚动类似于 Excel tables。您对开始我的代码有什么想法吗?
您需要将 table 包裹在 div 中,并在 div 上设置高度。
然后在包含 div 上设置 overflow: auto
以获得此结果。
我建议你试试 javascript library Datatables
https://datatables.net/manual/installation
此库包含名为 scroller.
的虚拟渲染 plug-in它应该是这样的: