水平滚动时，datatables标题与列不对齐

Question

我无法弄清楚解决这个问题的方法。我试过添加＆＃34; table-layout：fixed＆＃34;但它不再适用于当前版本。

由于

var config = {
        "bFilter": false,           
        "bInfo": false,
        "bPaginate": true,
         "scrollY": 200,
         "table-layout":fixed,
        "data": dataoMine, 
        "bAutoWidth": false,
        "columns": columns,
        "scroller": true,
        "language": {
            "emptyTable": "empty data"
        }, 
        "columnDefs": [
            {"className": "dt-center", "targets": "_all"}
        ]       
    };

<table class="dataTable" style="width:80%; height:100%; margin-left:10%; margin-right:10%;}">
<thead><tr>
    <th>a1</th>
    <th>a2</th> 
    <th>a3</th>
    <th>a4</th>
    <th>a5</th>
    <th>a6</th>
    <th>a7</th>
    <th>a8</th>
</tr></thead>
</table>

Answer 1

我没有足够的信息给你一个坚定的答案，因为你没有告诉我们columns变量中的内容，也没有告诉我们dataoMine数组的结构。但是，从您的屏幕截图中可以清楚地看出，您有四列数据，并且还指定了八列。这将显示缺少数据列的所有列和背景。据推测，您的“理发店条纹”是您正在使用的任何主题的页面背景。

确保您的数据中列数与列规范中的列数相同，并查看是否可以解决您的问题。

Answer 2

经过研究发现，这个问题非常普遍。似乎没有确定的解决方案，但这对我有用：

将此添加到dt的配置中：

scrollX：100％

Answer 3

我只需添加即可解决我的问题

scrollX：是