Slimscroll和jQuery Datatable

时间:2014-11-17 09:06:33

标签: javascript jquery html jquery-datatables slimscroll

我试图混合它们。使用带有jQuery DataTable的slimlcroll(没有分页)。 所以,我找到了这些例子:

Nice simple use of slimscroll

Nice Table

现在我尝试使表格的内容使用超薄滚动,但它不起作用:(

我尝试的是将一个div放在tbody周围 - 并且使用slimscoll div:

<div id="slimtest1">     
<tbody>
    ...
</tbody>
</div>

http://jsfiddle.net/yossico/hxkvfs60/2/

我也尝试直接滚动tbody:http://jsfiddle.net/yossico/hxkvfs60/3/

<tbody id="slimtest1">
...
</tbody>

我想要的是通过slimscroll而不是使用默认滚动条滚动表格主体。 这些都不起作用 - 有人可以请给我看灯吗?

谢谢:)

1 个答案:

答案 0 :(得分:2)

检查更新的JSFiddle: - JSFiddle

   <table id="example" class="display" cellspacing="0" width="100%">
       ....
       <tbody id="slimtest1">
          ......
       </tbody>
   </table>

CSS

thead, tbody { display: block; }

tbody {
   height: 200px;       /* For the demo  */
   overflow-y: auto;    /* Vertical scroll    */
   overflow-x: hidden;  /* Hide the horizontal scroll */
}