2017-04-24 24 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

は – Niraj

+0

おかげで、このリンクhttps://datatables.net/reference/option/columns.widthを見てください - 私が述べたように - 私はすでにそれを見渡しました。 – RoyBarOn

+0

linkで提供されている同じコードを使用しようとしましたか?それは働いている? – Niraj

答えて

1

まず(よりはるかにテキストの列がある生産の)プロジェクトのサンプルです。あなたのCSSファイルに小さな変更を加える必要があります。

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

となります。

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

この変更により、長いテキストの行が壊れてしまいます。 また、特定の列の幅を変更したい場合は、DataTablesのプロパティcolumnDefsを使用する必要があります。好き。

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

変形例:Plunker

+0

言葉は私の感謝を記述することはありません! – RoyBarOn

+0

サイズを10px以下に設定するにはどうすればよいですか? 10 px以上のすべてが正常に動作します... 10 px以下 - 何も変化しません。 – RoyBarOn

+0

ヘッダー(コメント)の幅よりも小さくすることはできません。 –

関連する問題