內聯列的寬度不能與DataTables一起工作

我一直在試圖用Jquery DataTables劃傷我的頭，並試圖用內聯CSS修正列標題的寬度。但是，無論何時頁面加載，datatable會自動調整寬度，並使標題的寬度相等。我試過了數據表的可配置選項。內聯列的寬度不能與DataTables一起工作

autoWidth:false 
column.adjust()

和任何我可以找到谷歌。但仍然沒有運氣。有沒有一種方法可以將寬度設置爲覆蓋DataTables默認自動調整的標題。下面是我的選擇：

$('#example3').DataTable({ 
    scrollY: '450px', 
    scrollX: true, 
    scrollCollapse: true, 
    'ordering': false, 
    paging: false, 
    autoWidth: false 
    });

來源

2017-09-14 MAYANK BHATI

你可以給寬度這樣也

<table class="nowrap table table-hover"> 
    <thead> 
     <tr> 
      <th width="50%">ID</th> 
      <th width="50%">Created</th> 
     </tr> 
    </thead> 
</table>

，但要確保你需要通過100，其中100％的寬度

或用數據來劃分所有的日-tables將第一列的寬度設置爲20％與

$('#example').dataTable({ 
    "columns": [ 
    { "width": "20%" }, 
    null, 
    null, 
    null, 
    null 
    ] 
});

欲瞭解更多詳情vis它： - columns width

希望這有助於！

來源

2017-09-14 10:29:49

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

這是爲jQuery數據表中的特定列設置列寬的語法。

這裏target屬性是列的索引值，即第一列有0個第二列ha 1。

欲瞭解更多信息gothrough jQuery數據表documentation

來源

2017-09-14 10:41:11

內聯列的寬度不能與DataTables一起工作

回答

相關問題