1

私はそれらを混ぜようとしています。jQuery DataTable で slimlcroll を使用します (ページネーションなし)。だから、私はこれらの例を見つけました：

スリムスクロールのシンプルな使い方

素敵なテーブル

今、テーブルのコンテンツにスリムスクロールを使用させようとしましたが、うまくいきません:(

私が試したのは、tbodyを囲むdivを配置することです-そしてそのdivをslimscollします：

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

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

また、tbody を直接スリム スクロールしようとしています: http://jsfiddle.net/yossico/hxkvfs60/3/

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

私が望むのは、デフォルトのスクロールバーではなく、スリムスクロールを介してテーブル本体をスクロールすることです。これはどれもうまくいきませんでした - 誰か私に光を見せてくれませんか?

ありがとう ：）

4

1 に答える 1

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 */
}
于 2014-11-17T10:27:49.647 に答える