滚动表,保持标题固定

时间:2013-02-23 15:57:35

标签: jquery css jquery-ui scroll

我希望在垂直滚动时修复表格标题。

另外,如何让我的表保留在jQuery UI选项卡的选项卡内容中?我希望它与它的底部对齐;它不应该是标签内容高度的100%,因为表格上方还有其他内容,但我希望它填写所有可用空间(标签有一定的高度,不要低于屏幕,所以身体不是应该有一个滚动条,也没有标签)。正如你今天所看到的,我有一个固定的桌面高度为450px,在某些屏幕上是完美的,但有些屏幕在外面(见图片)。

enter image description here

我希望滚动条位于最右侧(黄线),而不是在桌子结束的位置,如果可能的话。与Facebook类似,我认为。

1 个答案:

答案 0 :(得分:1)

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

jQuery.scrollTableBody (GitHub)

只要您的表格包含正确的<thead><tbody>和(可选)<tfoot>,您只需要这样做:

$('table').scrollTableBody();

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