JQuery Datatable标题下方的其他滚动条

Question

我正在使用Datatables(Jquery).

使用代码我在表格的上方得到一个水平滚动条,如链接:

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

现在我想在Header下方获得另一个Scroll Bar.帮帮我.

Answer 1

将以下代码添加到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/