無法設置第一列jQuery數據表的寬度

在我的項目中，將一個複選框添加到jQuery dataTable的第一列，以向用戶提供多選功能。然而，它的寬度是不受控制的，這在全屏時太大，我只是希望它始終以45px顯示。我試圖修復它在jQuery和CSS中，但都失敗。無法設置第一列jQuery數據表的寬度

我嘗試：

//jQuery 
$('.dataTable').dataTable({ 
    "columnDefs": [ 
    { "width": "45", "targets": 0 } 
    ] 
}); 

//css 
.dataTable > thead > tr > th:first-child { 
    width: 45px!important; 
}

什麼想法？

來源

2016-08-09 king yau

你嘗試'{「寬度」：「×45像素」，「目標」：0}';即在您的價值後添加px。 – vijayP

@vijayP當然，沒有任何反應 –

您是否嘗試過在文檔頁面上提供的其他選項：https：//datatables.net/reference/option/columns.width – vijayP

試試這個在JS：

$('#datatable').dataTable({ 
    "columnDefs": [ 
    { "width": "45px", "targets": 0 } 
    ] 
});

或CSS：

#datatable td:nth-child(1) 
    { 
     width: 45px; 
    }

來源

2016-08-09 09:05:35

td：nth-child（9）的含義是什麼？ –

它的錯誤。它是1 –

任何想法？

是的。你不能依靠width;如果其他元素縮小了空間或者提供了比所需空間更大的空間，瀏覽器並不一定會保留width。但是，如果定義一個min-width，那麼您確信width被默認設置爲該值：

table.dataTable tbody td:first-child { 
    min-width: 45px !important; 
}

來源

2016-08-09 09:27:55 davidkonrad

無法設置第一列jQuery數據表的寬度

回答

相關問題