有谁知道如何做一个固定的标题行和可滚动主体行的表？我使用twitter bootstrap如果这很重要。
这是我想创建的一个例子：
http://www.siteexperts.com/tips/html/ts04/page1.asp
我看到的所有例子都将它分成两个独立的表。想知道是否有人有更优雅的解决方案。
解决方法
只是堆栈两个引导表;一个用于列，另一个用于内容。没有插件，只是纯bootstrap(这不是没有bs，哈哈！)
<table id="tableHeader" class="table" style="table-layout:fixed">
<thead>
<tr>
<th>Col1</th>
...
</tr>
</thead>
</table>
<div style="overflow-y:auto;">
<table id="tableData" class="table table-condensed" style="table-layout:fixed">
<tbody>
<tr>
<td>data</td>
...
</tr>
</tbody>
</table>
</div>
内容表div需要overflow-y：auto，用于垂直滚动条。有必要使用table-layout：fixed，否则，列没有排队。此外，不得不把整个东西放在引导面板内，以消除表之间的空间。
没有测试自定义列宽，但提供了保持表之间的宽度一致，它应该工作。
// ADD THIS JS FUNCTION TO MATCH UP COL WIDTHS
$(function () {
//copy width of header cells to match width of cells with data
//so they line up properly
var tdHeader = document.getElementById("tableHeader").rows[0].cells;
var tdData = document.getElementById("tableData").rows[0].cells;
for (var i = 0; i < tdData.length; i++)
tdHeader[i].style.width = tdData[i].offsetWidth + 'px';
});
