頂部水平滾動條datatable javascript

Question

我在我的網頁有一個datatable。我需要在表格頂部顯示horizontal scroll bar。我試過table.wrap('<div style="width:980px; overflow-x:auto;"/>');。它在表格的底部顯示水平滾動條。如何在數據表頂部顯示滾動條。任何幫助？

Answer 1

您在http://progrnotes.blogspot.com.ee/2013/07/horizontal-scrollbars-at-top-bottom-in-datatables.html找到答案：您可以使用jQuery-doubleScroll插件（https://github.com/sniku/jQuery-doubleScroll）執行此操作。但是，這也不適用於由ajax加載的數據表。你需要稍微調整一下。

步驟做是這樣的：

1. 下載幷包括doubleScroll。

2. 添加行：

   $('body').find('.dataTables_scrollBody').wrap('<div id="scroll_div"></div>'); 
   $('#scroll_div').doubleScroll(); 
   

3. 添加CSS

   .dataTables_scrollBody { 
       overflow-y: visible !important; 
       overflow-x: initial !important; 
   } 
   

   應該這樣做（數據表1.10.7）

編輯：如果你有列過濾器上那麼上面的解決方案需要修改，否則標題將不會滾動：

添加行：

$('body').find('.dataTables_scroll').wrap('<div id="scroll_div"></div>'); 
$('#scroll_div').doubleScroll(); 

添加CSS

.dataTables_scrollBody { 
    overflow-y: visible !important; 
    overflow-x: initial !important; 
} 
.dataTables_scrollHead { 
    overflow: visible !important; 
}