javascript - Slimscroll 和 jQuery 数据表

Question

我试着把它们混合起来。使用带有 jQ​​uery DataTable 的 slimcroll（无分页）。所以，我找到了这些例子：

slimscroll 的简单使用

漂亮的桌子

现在我试图让表格的内容使用纤细的滚动，但它不起作用:(

我尝试的是在 tbody 周围放置一个 div - 和 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 而不是使用默认滚动条滚动表格主体。这些都不起作用 - 有人可以给我看灯吗？

谢谢 ：）

Answer 1

检查更新的 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 */
}