Jquery DataTable列顺序未与固定标题对齐[重复]

Question

我正在使用 jquery 数据表。当我加载大量数据时，tbody 和 thead 未对齐时，我遇到了固定标题的问题。这是我的代码。

 $('#tblProducts').DataTable({
                     "scrollY": 400,
                     "scrollX": true,
                     "paging": false,
                     "fixedColumns": {
                         leftColumns: 1
                     },
                     "searching": false

                });

这是图片。

enter image description here

这是我在页面上使用的css

.dataTable {
        width: 2082.22px !important;
    }

    .dataTables_scrollHeadInner {
        width: 2082.22px !important;
    }

    .thead-th {
        width: 250px !important;
    }

    .thead-th-upc {
        width: 120.6945px !important;
    }

Answer 1

您的页面内 css 会覆盖您的 css 数据表。请删除以下css

.dataTable {
        width: 2082.22px !important;
    }

    .dataTables_scrollHeadInner {
        width: 2082.22px !important;
    }

    .thead-th {
        width: 250px !important;
    }

    .thead-th-upc {
        width: 120.6945px !important;
    }

可能会有所帮助。对于建议，您需要使用服务器端分页加载更少的数据。通过这样做，您的应用程序性能将会提高。 #快乐编码