Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 滚动表格,保持标题固定_Jquery_Css_Jquery Ui_Scroll - Fatal编程技术网

Jquery 滚动表格,保持标题固定

Jquery 滚动表格,保持标题固定,jquery,css,jquery-ui,scroll,Jquery,Css,Jquery Ui,Scroll,我想我的表格标题是固定的,当我垂直滚动 另外,如何使我的表位于jQueryUI选项卡的选项卡内容中?我希望它与底部对齐;它不应该是选项卡内容高度的100%,因为表上方还有其他内容,但我希望它填充所有可用空间(选项卡具有一定的高度,不能位于屏幕下方,因此主体不应该有滚动条,也不应该有选项卡)。正如你们今天所看到的,我有一个固定的桌子高度450px,在一些屏幕上这是完美的,但在一些屏幕上它是外置的(见图) 我希望滚动条位于最右侧(黄线),如果可能的话,不要靠近桌子的末端。我认为与Facebook类

我想我的表格标题是固定的,当我垂直滚动

另外,如何使我的表位于jQueryUI选项卡的选项卡内容中?我希望它与底部对齐;它不应该是选项卡内容高度的100%,因为表上方还有其他内容,但我希望它填充所有可用空间(选项卡具有一定的高度,不能位于屏幕下方,因此主体不应该有滚动条,也不应该有选项卡)。正如你们今天所看到的,我有一个固定的桌子高度450px,在一些屏幕上这是完美的,但在一些屏幕上它是外置的(见图)


我希望滚动条位于最右侧(黄线),如果可能的话,不要靠近桌子的末端。我认为与Facebook类似。

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

只要您有一个包含适当的
和(可选)
的表,您所需要做的就是:

$('table').scrollTableBody();

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

如果您能提供您所拥有的代码示例,那就更好了。或者是一种非常乏味的方法:看看这个+1。我真的很喜欢你做的事。你能给你的库添加一个垂直滚动功能吗?@avrahamcool谢谢。。。你是说水平滚动吗?如果是这样的话,我将看看如何添加它。@avrahamcool我添加了对水平滚动的支持(GitHub更新)@avrahamcool我更新了GitHub上的示例以包含更多的信息,并使用divs包装表格。请试一试,看看对你是否有效。我现在刚试过。我正在试验一些问题,我们能把这个对话带到?