заголовок datatables не согласован с столбцами при прокрутке по горизонтали

Question

Я не могу понять, как это решить. Ive попытался добавить «table-layout: fixed», но он больше не работает в текущей версии dt.

Благодаря

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

После исследования выясняется, что эта проблема очень распространена. Кажется, нет окончательного решения, но это работает для меня:

добавить это в конфиге дт в:

scrollX: 100%

Answer 2

Я не совсем достаточно информации, чтобы дать вам твердый ответ, потому что вы не говорите нам, что в вашей columns переменной и Дон» t дает нам структуру вашего массива dataoMine. Но на вашем снимке экрана довольно ясно, что у вас есть четыре столбца данных, а также указано восемь столбцов. Это покажет все столбцы и все, что у вас есть, для отсутствующих столбцов данных. Предположительно, ваши «полосы парикмахерских» - это фон страницы в любой теме, которую вы используете.

Убедитесь, что у вас есть то же количество столбцов в ваших данных, которые у вас есть в спецификации столбца, и посмотрите, устраняет ли это вашу проблему.