水平和垂直滚动 HTML 表格，左列固定，标题固定垂直滚动答案

【问题标题】：Scroll HTML table horizontally and vertically while left column is fixed and header is fixed for vertical scrolling水平和垂直滚动 HTML 表格，左列固定，标题固定垂直滚动
【发布时间】：2019-04-19 05:23:22
【问题描述】：

Scroll HTML table horizontal and vertical while left column is fixed

从上面的线程中，我可以水平和垂直滚动 HTML 表格，而左列是固定的，但我想修复标题的垂直滚动。

我想要的 HTML 表格：

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

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

我们能用 HTML、CSS、jQuery 和 Javascript 解决这个问题吗

有人可以帮我解决这个问题吗？

【问题讨论】：

谁能帮我解决这个问题？

标签： javascript jquery html css

【解决方案1】：

你可以看看下面的代码

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

并且可以从 https://github.com/DataTables/FixedHeader

【讨论】：

感谢您的快速回复。正如我在线程中提到的，我不想使用 jQuery Datatable 因为我也想隐藏和显示一些列但是如果我们有太多行和太多列（我们想要隐藏和显示）。我们可以在没有 Datatable 的情况下解决这个问题吗？