如何調整數據表列寬

Question

我想設置數據表列寬度。請參閱下面的代碼。

$('#datatable5').DataTable({ 
     "order" : [ [ 0, "desc" ] ], 
     "columnDefs": [ { "width": "100px", "target":0 }, { "width": "400px", "target":1 }, { "width": "200px", "target":2 } ,{ "width": "200px", "target":3 } ,{ "width": "200px", "target":4 } ,{ "width": "200px", "target":5 } ,{ "width": "200px", "target":6 }, { "width": "200px" , "target":7 }, { "width": "200px", "target":8 }, { "width": "200px", "target":9 }], 
     //"sPaginationType" : "bs_two_button", 
     //"iDisplayLength" : 9, 
     "scrollX": true, 
     // "sScrollX" : "100%", 
     "paging": true, 
     "sPaginationType" : "bs_two_button", 
     "info" : false, 

     "fnDrawCallback" : function(oSettings) { 
      $('td').removeClass('sorting_1'); 
     } 
}); 

如何將列寬顯式傳遞給數據表？我試着用CSS來設置表格的寬度。但是，這不是成功？

Answer 1

嘗試在columnDefs中使用'targets'，而不是'target'，即使您只給它一個列。

如果你想通過CSS來實現，那麼你可以給每個列自己的類（在columnDefs中使用className），並使用它來設置寬度。