如何使用水平滚动修复表头？答案

【问题标题】：How to fix table header with horizontal scroll?如何使用水平滚动修复表头？
【发布时间】：2012-03-19 09:40:19
【问题描述】：

我的表格标题有两行。这些行中的列数不相同。 http://jsbin.com/exacey

现在，我想修复 thead 部分并使 tbody 可滚动。我尝试了几个 jQuery 插件，即： https://github.com/farinspace/jquery.tableScroll ; https://github.com/benjaminleouzon/tablefixedheader https://github.com/golovko/Fixed-Header-Table

问题是，如果没有水平滚动，这些插件可以很好地工作，直到您想要修复标题。事实上，https://github.com/benjaminleouzon/tablefixedheader 声称支持水平滚动条，但在我的情况下它失败了。

我也尝试手动修复它。我正在使用这个 http://www.imaputz.com/cssStuff/bigFourVersion.html
但这也只适用于垂直滚动。

所以，请帮助我修复标题。请提供一些对我有用的链接。

【问题讨论】：

尝试手动执行那些插件使用 javascript 执行的操作。在 table 内制作两张桌子，第一张用于 thead，第二张用于 tbody。现在给 tbody 高度并将溢出-y 设置为自动。为这两个表的父级指定宽度并将溢出设置为自动，以便两个子表具有相同的水平滚动。

【解决方案1】：

我看到 Fixed 标头 http://www.tablefixedheader.com/fullpagedemo/ 工作得非常好。您可以使用 tablefixedheader 插件发布失败的代码吗？

【讨论】：