Jquery 滚动表格,保持标题固定
我想我的表格标题是固定的,当我垂直滚动 另外,如何使我的表位于jQueryUI选项卡的选项卡内容中?我希望它与底部对齐;它不应该是选项卡内容高度的100%,因为表上方还有其他内容,但我希望它填充所有可用空间(选项卡具有一定的高度,不能位于屏幕下方,因此主体不应该有滚动条,也不应该有选项卡)。正如你们今天所看到的,我有一个固定的桌子高度450px,在一些屏幕上这是完美的,但在一些屏幕上它是外置的(见图)Jquery 滚动表格,保持标题固定,jquery,css,jquery-ui,scroll,Jquery,Css,Jquery Ui,Scroll,我想我的表格标题是固定的,当我垂直滚动 另外,如何使我的表位于jQueryUI选项卡的选项卡内容中?我希望它与底部对齐;它不应该是选项卡内容高度的100%,因为表上方还有其他内容,但我希望它填充所有可用空间(选项卡具有一定的高度,不能位于屏幕下方,因此主体不应该有滚动条,也不应该有选项卡)。正如你们今天所看到的,我有一个固定的桌子高度450px,在一些屏幕上这是完美的,但在一些屏幕上它是外置的(见图) 我希望滚动条位于最右侧(黄线),如果可能的话,不要靠近桌子的末端。我认为与Facebook类
我希望滚动条位于最右侧(黄线),如果可能的话,不要靠近桌子的末端。我认为与Facebook类似。我发现的其他解决方案都不能满足我的所有要求,因此我创建了一个非常轻量级的jQuery插件来实现这一点。它支持固定页眉、页脚、列跨距(colspan)、调整大小以及在滚动开始之前显示的可选行数 只要您有一个包含适当的
、
和(可选)
的表,您所需要做的就是:
$('table').scrollTableBody();
更新:添加了对水平滚动的支持如果您能提供您所拥有的代码示例,那就更好了。或者是一种非常乏味的方法:看看这个+1。我真的很喜欢你做的事。你能给你的库添加一个垂直滚动功能吗?@avrahamcool谢谢。。。你是说水平滚动吗?如果是这样的话,我将看看如何添加它。@avrahamcool我添加了对水平滚动的支持(GitHub更新)@avrahamcool我更新了GitHub上的示例以包含更多的信息,并使用divs包装表格。请试一试,看看对你是否有效。我现在刚试过。我正在试验一些问题,我们能把这个对话带到?