jquery - 滚动表格，保持标题固定

Question

我希望在垂直滚动时固定表格标题。

此外，如何让我的表格保留在 jQuery UI 选项卡的选项卡内容中？我希望它与它的底部对齐；它不应该是选项卡内容高度的 100%，因为表格上方还有其他内容，但我希望它填满所有可用空间(选项卡具有一定的高度，不会低于屏幕，所以正文不是应该有一个滚动条，也没有标签)。正如您今天看到的，我有一个 450 像素的固定桌面高度，在某些屏幕上它是完美的，但在某些屏幕上它会超出(见图)。

如果可能的话，我希望滚动条位于最右侧(黄线)，而不是紧挨着表格的末端。我认为类似于 Facebook。

Answer 1

我发现的其他解决方案都不能满足我的所有要求，因此我创建了一个非常轻量级的 jQuery 插件来执行此操作。它支持固定的页眉、页脚、列跨度 (colspan)、调整大小以及滚动开始前显示的可选行数。

jQuery.scrollTableBody (GitHub)

只要您有一张带有适当 <thead> 的 table , <tbody> , 和(可选)<tfoot> ，您需要做的就是:

$('table').scrollTableBody();

更新:也添加了对水平滚动的支持