JS dataTables.fixedHeader chiều rộng khác nhau giữa tiêu đề và dữ liệu

Question

Tôi sử dụng plugin javascript dataTables.fixedHeader và điền dữ liệu bằng ajax. Bây giờ tôi có vấn đề, rằng chiều rộng của mỗi cột dữ liệu là động và tiêu đề nằm trên cùng chiều rộng tĩnh.

Code:

HTML:

<table class="table table-striped table-bordered table-hover" id="custTable"> 
        <thead> 
         <tr> 
          <th> 
           ...... 
          </th> 
          <th> 
           ...... 
          </th> 
          <th> 
           ...... 
          </th> 
...... 
         </tr> 
        </thead> 
        <tbody id="dataList"></tbody> 
       </table> 

JS:

table = $('#custTable').DataTable({ 
      "dom": "frtiS", 
      "deferRender": true, 
     }); 

Điền nó:

$('#custTable').dataTable().fnAddData([ 
       xyz, xyz, xyz, ... 
         ]); 

Answer 1

Tắt độ rộng cột tự động.

JS

table = $('#custTable').DataTable({ 
      "dom": "frtiS", 
      "deferRender": true, 
      "autoWidth": false 
     }); 

http://datatables.net/reference/option/autoWidth