Как указать ширину столбца в DataTable?

Question

У меня есть следующие DataTable:

$(function() { 
    var dataTableColumns = [ 
     { "sType": "numeric" },  null, null, null, null, null, 
     null, null, null, null, null, { "sType": "date-dayofweek" }, 
     null, null, null, null, null, null, { "sType": "date-dayofweek" }, 
     null, null, null, null, null, 
     null, null, null, null, null, 
     null, null, null, null, 
     null, null, null, null, 
     null, null, null, null, 
     null, { "sType": "date" }, null 
    ]; 

    oTable = $('#example').dataTable({ 
     "bPaginate" : true, 
     "aaSorting": [ [0,'asc'] ], 
     "aoColumns" : dataTableColumns, 
     "oLanguage": { 
      "sLengthMenu": 'Show <select>'+ 
       '<option value="10">10<\/option>'+ 
       '<option value="25">25<\/option>'+ 
       '<option value="50">50<\/option>'+ 
       '<option value="100">100<\/option>'+ 
       '<option value="-1">All<\/option>'+ 
       '<\/select> records' 
     }, 
     "iDisplayLength": -1, 
    }); 
}); 

Несколько столбцов в DataTable выше содержат текстовые данные, и я хочу, чтобы указать параметр ширины для этих столбцов. Я пробовал различные варианты bAutoWidth, sWidth, td width, css style, fnAdjustColumnSizing, но ничего не работает. Я не знаю, что происходит. Пожалуйста, помогите !!

Answer 1

Я понял это. Выделите следующий параметр в стиле объявления html таблицы (ширина: 4000 пикселей) и bAutoWidth: false. Я знаю этот метод грубой силы, чтобы исправить ситуацию, но у меня нет другого выбора. Мне действительно не нравились ширины столбцов, заданные с помощью datatable.

Answer 2

Если вы используете DataTable 1.10.x или новее, вы должны знать, что параметр autoWidth должен быть установлен в false, чтобы он работал правильно.

Смотрите этот пример:

$('#example').dataTable({ 
    "autoWidth": false, 
    "columnDefs": [ 
    { "width": "20%", "targets": 0 } 
    ] 
}); 

Примечание: Даже official documentation не сказать вам об этом.