2017-04-24 9 views
0

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

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

我沒得到這個代碼工作:

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

+0

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

+0

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

+0

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

回答

1

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

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

會;

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

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

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

修改例如:Plunker

+0

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

+0

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

+0

它不能低於標題(評論)寬度。 –

相關問題