Jquery DataTable中的滚动问题

我不确定我是否重复这个问题，如果是正确的地方指导:)

我正在使用Data表并尝试实现Horizo​​ntal Scrolling并找到此链接

http://www.datatables.net/examples/basic_init/scroll_x.html

我在我的数据表代码中使用了这些属性，并且在UI中遇到了问题。

我的数据得到了水平滚动条，但是我的列没有扩展而且没有按预期工作。我的正常列下面有一个额外的空列。

基本上我的UI搞砸了。 我看到了同样的老线程讨论！

DataTables固定标题与宽表中的列不对齐

这些问题现在解决了吗？

================================

添加示例代码

$("#results").dataTable({ "aaData": [ //My data ], "aoColumns": [ //My Columns ], "bPaginate": true, "bSort": true, "bFilter": false, "bJQueryUI": false, "bProcessing": true, "sScrollX": "100%", "sScrollXInner": "110%", "bScrollCollapse": true }); 

Answer 1

我有类似的问题，但以不同的方式解决了它。

我修改了sDom参数以将表包装在一个额外的div ：

 sDom: 'r<"H"lf><"datatable-scroll"t><"F"ip>', 

然后我将以下样式应用于.datatable-scroll类：

 /** * Makes the table have horizontal scroll bar if its too wide for its container */ .datatable-scroll { overflow-x: auto; overflow-y: visible; } 

http://datatables.net/usage/options#sDom