3

私はデータテーブル（Jquery）を使用しています。

コードを使用すると、リンクのようにテーブルのフッターの上に水平スクロール バーが表示されます。

 "sScrollX": "100%",
 "sScrollXInner": "120%",
 "bScrollCollapse": true,

ここで、ヘッダーの下にも別のスクロール バーを取得したいと考えています。手伝ってください。

4

3 に答える 3

12

次のコードを Datatable の初期化に追加します。

"fnInitComplete": function(){

    // Enable THEAD scroll bars
    $('.dataTables_scrollHead').css('overflow', 'auto');

    // Sync THEAD scrolling with TBODY
    $('.dataTables_scrollHead').on('scroll', function () {
        $('.dataTables_scrollBody').scrollLeft($(this).scrollLeft());
    });                    
},

参考：DataTablesプラグイン - tfootタグの下にスクロールバーを表示する？

jsFiddle: http://jsfiddle.net/3xvpznd3/

于 2016-01-20T21:08:11.247 に答える
0

このためcontainerには、fixed width like 1000pxwithを持つ別のものを追加する必要がありoverflow autoます。そして、それまでにコンテンツoverflowsを1000px表示できるようになればscroller、container

お気に入り：

CSS

.newcontainer{width:1000px;overflow:auto;}

HTML

<div class="newcontainer">
    <!-- Your div having the datatable-->
</div>
于 2013-03-22T08:21:54.033 に答える