javascript - 如何用水平滚动修复表头？

我的表头有两行。这些行中的列数不相同。 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
但这也仅适用于垂直滚动。

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