如何將固定寬度設置爲數據表列？

我知道這裏已經討論過了，所以我先回答了所有答案，但仍然存在一些問題。如何將固定寬度設置爲數據表列？

我有一張帶有更多文本的評論欄，然後是其他人的表....我想爲所有欄設置固定大小，只爲評論欄設置不同的大小 - 或者只是爲了突破行 - 不知道什麼是最好的方式...希望你能幫助我。

我沒得到這個代碼工作：

bAutoWidth: false , 
    "aoColumnDefs": [ 
    { "sWidth": "20%", "aTargets": [ 0 ] }, 
    { "sWidth": "5%", "aTargets": [ 1 ] }, 
    { "sWidth": "10%", "aTargets": [ 2 ] }, 
    { "sWidth": "5%", "aTargets": [ 3 ] }, 
    { "sWidth": "40%", "aTargets": [ 4 ] }, 
    { "sWidth": "5%", "aTargets": [ 5 ] }, 
    { "sWidth": "15%", "aTargets": [ 6 ] } 
    ],

下面是該項目的一個樣本（在生產中有更多的列有更多的文字） Plunker

來源

2017-04-24 RoyBarOn

看一看這個鏈接https://datatables.net/reference/option/columns.width – Niraj

感謝 - 正如我所說 - 我看着它了。 – RoyBarOn

嘗試使用鏈接中提供的相同代碼？它工作嗎？ – Niraj

第一;你需要在你的css文件中做一些小改動;

#example > tbody > tr > td { 
    white-space: nowrap; 
}

會;

#example > tbody > tr > td { 
    word-break: break-all; 
}

此更改將打破長文本的界限。如果您仍然想要更改特定列的寬度，則應該使用屬性DataTables。喜歡;

"columnDefs": [{ "width": "200px", "targets": 3 }]

修改例如：Plunker

來源

2017-04-24 12:29:12

沒有任何文字可以描述我的感激！ – RoyBarOn

如何設置大小爲10px以下？所有10 px以上工作正常....低於10像素 - 沒有任何更改 – RoyBarOn

它不能低於標題（評論）寬度。 –

如何將固定寬度設置爲數據表列？

回答

相關問題