如何在數據表中指定列寬？

Question

我有以下數據表：

$(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,
    });
});

上面的數據表中很少有列包含文本數據，我想為這些列指定width選項。 我嘗試了各種選項bAutoWidth，sWidth，td寬度，css樣式，fnAdjustColumnSizing，但似乎沒有任何效果。我不知道出了什么問題。

Answer 1

我想通了。 在表格的html聲明樣式（寬度：4000像素）和bAutoWidth：假中提供以下選項。 我知道這是解決問題的一種蠻力方法，但是我別無選擇。 我真的不喜歡datatable設置的列寬。

Answer 2

如果使用的是DataTable 1.10.x或更高版本，則必須知道autoWidth參數必須設置為false才能正常工作。

請參閱以下示例：

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

注意：即使是官方文檔也不會告訴您。