我有一个 datatable
在我的网页中。我需要显示 horizontal scroll bar
在 table 上。我试过table.wrap('<div style="width:980px; overflow-x:auto;"/>');
.它在表格底部显示水平滚动条。如何在数据表的顶部显示滚动条。有帮助吗?
最佳答案
您可以在 http://progrnotes.blogspot.com.ee/2013/07/horizontal-scrollbars-at-top-bottom-in-datatables.html 找到答案: 您可以使用 jQuery-doubleScroll 插件 ( https://github.com/sniku/jQuery-doubleScroll ) 来完成。但是,这也不适用于由 ajax 加载的数据表。你需要稍微调整一下。
操作步骤是这样的:
下载并包含 doubleScroll。
添加行:
$('body').find('.dataTables_scrollBody').wrap('<div id="scroll_div"></div>'); $('#scroll_div').doubleScroll();
添加 CSS
.dataTables_scrollBody { overflow-y: visible !important; overflow-x: initial !important; }
应该这样做(DataTables 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; }
关于javascript - 顶部水平滚动条数据表javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18501983/