在Jquery DataTable中滚动问题

我不知道我是否重复的问题,如果是指导正确的地方:)

我正在使用数据表并尝试实现水平滚动并找到此链接

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

我在我的数据表代码中使用了这些属性,并且在UI中有问题.

我的数据有水平滚动条,但我的列没有扩展,不能像预期的那样工作.在我的正常列下方有额外的空列.

基本上我的UI被搞砸了我看到一个旧的线程讨论一样！

DataTables header alignment issue

这些问题现在解决了吗？

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

添加示例代码

$("#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;
}

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

原文地址：https://www.jb51.cc/jquery/179363.html