水平にスクロールするときに、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

調査したところ、この問題は非常に一般的であることが判明しました。決定的な解決策がないようだが、これは私の仕事：

は、DTのconfigにこれを追加します。

scrollX：100％

Answer 2

私はかなり、あなたにしっかりと答えを与えるために十分な情報を持っていない、あなたは「あなたのcolumns変数とドンに何を教えていないので、あなたのdataoMine配列の構造を教えてください。しかし、あなたのスクリーンショットでは、4列のデータがあり、8列が指定されていることは明らかです。これにより、欠落しているデータ列に対して、すべての列と背景が表示されます。おそらく、あなたの "理髪店のストライプ"は、あなたが使っているテーマのページの背景です。

データに列の指定と同じ数の列があることを確認し、問題が解決するかどうか確認してください。