我不确定我是否在重复这个问题,如果是的话,引导到正确的地方:)
我正在使用数据表并尝试实现水平滚动并找到此链接
http://www.datatables.net/examples/basic_init/scroll_x.html
我在数据表代码中使用了这些属性,但在 UI 中遇到了问题。
我的数据出现了水平滚动条,但我的列没有展开并且没有按预期工作。我在正常列下方出现了额外的空列。
基本上我的用户界面很困惑。我看到了一个旧的主题讨论!
DataTables fixed headers misaligned with columns in wide tables
这些问题现在解决了吗?
==================================
添加示例代码
$("#results").dataTable({
"aaData": [
//My data
],
"aoColumns": [
//My Columns
],
"bPaginate": true,
"bSort": true,
"bFilter": false,
"bJQueryUI": false,
"bProcessing": true,
"sScrollX": "100%",
"sScrollXInner": "110%",
"bScrollCollapse": true
});
最佳答案
我遇到了类似的问题,但以不同的方式解决了它。
我修改了 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;
}
关于jquery - Jquery DataTable中的滚动问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16077090/