水平和垂直滚动HTML表，同时固定左列，并固定标题以进行垂直滚动

Question

Scroll HTML table horizontal and vertical while left column is fixed

从上面的线程中，我能够在固定左列的同时水平和垂直滚动HTML表，但是我想修复标题的垂直滚动。

我想要的HTML表：

• 垂直滚动
• 水平滚动
• 固定标题（不支持垂直滚动，但支持水平滚动）
• 固定的左列

我使用了一个效果很好的Jquery DataTable，但我也想隐藏并显示一些列。但是，如果我们有太多的行和太多的列（我们想要隐藏和显示），则此jQuery Datatable会出现性能问题。

我们可以使用HTML，CSS，jQuery和Javascript解决此问题吗

有人可以帮我吗？

Answer 1

您可以输入以下代码

$(document).ready( function () {
$('#myTable').DataTable( {
    fixedHeader: true
} );
} );

并且可以从以下位置下载相关文件 https://github.com/DataTables/FixedHeader