數據表-使用`columnDefs`更改列寬

Question

我正在嘗試調整表中特定列的寬度（包裝長內容和標題），但沒有成功。

按照此處的文檔進行操作后，我仍然無法調整指定列的寬度，是否缺少某些內容？

我對於id=one和width=100%的table具有以下DataTable參數：

$(document).ready(function(){
    $('#one').DataTable({
        paging: true,
        'scrollX': false,
        'autoWidth': false,
        'columnDefs' : [
            {'targets': [0,1], 'width': '50px'}
        ],
        "iDisplayLength": 50,
        'lengthMenu': [[10, 20, 50, 100, -1], [10, 20, 50, 100, "All"]],
        dom: 'Blfrtip',
        buttons: ['copy', 'csv', 'excel']
    });
});

我沒有在HTML或其他方式中指定任何CSS替代，所以也許這是問題所在？

Answer 1

您將在列中輸入什么數據？ width屬性僅應用於th元素，因此，如果列td單元格中有較寬的元素，則它們可能會使列的寬度超出您的預期。 例如，寬於50px的圖像會使列寬於50px。

Answer 2

謝謝大家的答復。 經過一些額外的挖掘后，我意識到該表已設置為nowrap類。 很煩人。 刪除此類后，自動換行將按要求進行。 謝謝。