Bootstrap 3 浮动表头答案

【问题标题】：Bootstrap 3 Floating Table HeadersBootstrap 3 浮动表头
【发布时间】：2015-09-04 18:59:33
【问题描述】：

我正在开发一个简单的应用程序，该应用程序根据用户想要比较的选定功能和公司显示一个表格。我正在使用 Bootstrap 3，但由于我的代码工作方式，我无法使用 DataTables。我希望表头浮动，我已经尝试了很多方法来让它工作。这包括表头上的 JavaScript/JQuery/CSS 解决方案和 tbody 滚动上的 JS/CSS 解决方案。

一个问题是我的代码在每次用户更改他们的选择时都会破坏并重建表。我对 Web 开发很陌生，这是迄今为止唯一真正给我带来问题的东西。我真的很感激任何帮助！提前致谢！

工作版本链接：http://www.buyvm.theoks.net/b-rant/EHR_Tool/EHR_Form.php

【问题讨论】：

在您被否决之前向我们展示您的代码。
您到底想看什么？都在页面里，看源码就知道了。
谢谢队长。您链接的是工作版本。我为什么要看到那个？即使我查看源代码，我如何知道您的代码之间的区别并实际说“嘿，这是您错的地方”......我（曾经）对这个问题感兴趣，也就是您的代码。
这还没有实现浮动表格标题，我想问人们是否有想法帮助我获得一个工作浮动标题或滚动 tbody。
到目前为止我所尝试的一切都因各种原因而没有奏效。

标签： javascript jquery html css twitter-bootstrap

【解决方案1】：

浮动标题/滚动 tbody 现在在 HTML 中是不可行的。似乎你能做的最好的事情就是有两个表：第一个用于标题，第二个用于包裹在 <div style=overflow: auto;></div> 中的正文，并希望列对齐。

<table><tbody> scrollable?

How can I let a table's body scroll but keep its head fixed in place?

【讨论】：