Bootstrap 3：带有浮动标题的响应表答案

【问题标题】：Bootstrap 3: Responsive Table with Floating HeaderBootstrap 3：带有浮动标题的响应表
【发布时间】：2013-10-16 08:35:52
【问题描述】：

我尝试使用此处的示例使表头浮动：http://cmcqueen1975.bitbucket.org/htmlFloatingTableHeader/tables.html。但它在 IE 和 Chrome 上没有显示平滑的浮动标题。

所以，我尝试了另一个，http://mkoryak.github.io/floatThead/。这个在IE中滚动时显示平滑浮动，但表格中的列大小显示不好。

上述两种方法都不适用于 Bootstrap 响应表。

你知道浮动表头的任何其他方法可以很好地与 bootstrap 3 响应式表配合使用吗？

【问题讨论】：

我知道这不是您所需要的……但请查看JQuery Plug-in
我是 floatThead 的作者 - 我最近为 ie8 和 9 添加了更好的支持。现在应该可以正常工作了，只需阅读有关使用正确元标记的自述文件
嗨。哇，在这里见到作者真是太好了。我刚刚从您的网站下载了缩小版。但该文件似乎与我之前下载的前一个相同。顺便说一句，只是为了向您做出更清楚的解释：一旦我将 floatThread 与 Bootstrap 3 一起使用，表格响应（当您将浏览器调整为非常小的尺寸时可以看到它）和表格列都不能很好地显示。通过打开和关闭 floadThread 插件，您可以非常清楚地看到不同之处。谢谢。
如果您可以在 jsfiddle 上对您的问题进行演示，并在项目的 github 问题列表中提供指向它的链接，那么我会尝试修复它。

【解决方案1】：

我一直在寻找类似的东西。由于这个问题，我找到了我现在正在使用的 http://mkoryak.github.io/floatThead/。我没有发现任何问题，因为这是唯一真正适合我的解决方案。

我尝试编写自己的插件，该插件一直有效。唉，一旦我把它放在.table-responsive 中，它就开始失败了。 floatThead 插件做了我想做的一切。也许您使用的是旧版本并且现在已经解决了错误？

【讨论】：