Run*_*sen 8 javascript jquery jquery-jtable
我正在使用伟大的jquery插件jtable.但我找不到任何显示垂直滚动条的示例.
我尝试在包含它的div上设置一个高度和overflow.auto - 滚动条然后滚动包括标题的整个表 - 我只想滚动行而不是标题而不是页脚.
有没有人找到办法做到这一点?
以某种方式工作的解决方案是插入:
$('.jtable').wrap('<div class="jtable-main-container scroll-content" />');
Run Code Online (Sandbox Code Playgroud)
和
.scroll-content {
overflow-y: auto;
width:100%;
}
div.jtable-main-container {
height:100%;
}
Run Code Online (Sandbox Code Playgroud)
并在div上设置高度.然而它也滚动表头 - 但它比滚动整个jtable更好 - 我试图制作一个解决方案,其中jtable生成2个表 - 一个有标题,一个有主体但标题不同步.
在这里看到:http://jsfiddle.net/j5Q4L/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>
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
7212 次 |
最近记录: |