Javascript 如何在jquery jtable中插入滚动条？

我正在使用伟大的jquery插件。 但我找不到任何显示垂直滚动条的示例

我尝试在包含它的div上设置height和overflow.auto-滚动条然后滚动整个表，包括页眉-我只想滚动行，而不是页眉和页脚

有人找到了这样做的方法吗

以某种方式起作用的解决方案是插入：

$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');    

以及在div上设置高度。 然而，它也会滚动表头-但这比滚动整个jtable要好-我尝试了一个解决方案，jtable生成两个表-一个表头，一个表体，但表头不同步

请参见此处：

#学生表格容器{
宽度：100%；
显示：块；
}
#StudentTableContainer tbody、.jtable tbody{
高度：100px；
溢出y：自动；
显示：块；
}
$（文档）.ready（函数（）{
$（“#StudentTableContainer”）.jtable({
//...
});
});

$（'.jtable'）.wrap（''）；
和
.滚动内容{
溢出y：自动；
宽度：100%；
}
分区jtable-main-container{
身高：100%；
}

谢谢

将此添加到css

table.jtable{
overflow-y: scroll;
display:block;
overflow-x: hidden;
}

---

谢谢你的建议-我确实为tbody提供了一个滚动条，但它的工作原理有点奇怪。我有4列，它们现在安装在带有滚动条的第一列中。我尝试设置宽度：100%，但没有效果。而且它似乎在IE only firefox中没有任何作用-有什么想法吗？@Rune Andersen:你能用一些静态数据添加这个任务，这样我就可以修复这个错误了。@Rune Andersen你有一个解决页脚问题的方法吗？如何使tbody只可滚动？你有这个问题的答案吗？那么请分享…因为我也面临同样的问题…：（或者修改您的JSFIDLE css，而不是verflow-y:auto；Add overflow-y:scroll；这为我做到了！我必须将.jtable主容器高度设置为%85%，以避免3个滚动条。

  <style type="text/css">
        #StudentTableContainer {
            width: 100%;
            display: block;
        }

            #StudentTableContainer tbody, .jtable tbody {
                height: 100px;
                overflow-y: auto;
                display: block;
            }
    </style>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#StudentTableContainer').jtable({
                //...
            });
        });
    </script>
    <div id="StudentTableContainer" class="jtable"></div>

$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');    
and

.scroll-content {
     overflow-y: auto;
    width:100%;
 }
div.jtable-main-container {
  height:100%;
}

table.jtable{
overflow-y: scroll;
display:block;
overflow-x: hidden;
}