Datatables - `columnDefs`を使用して列の幅を変更する

Question

テーブル内の特定の列の幅（長い内容とヘッダーをラップする）を調整しようとしましたが、成功しませんでした。

ドキュメントhereに続いて、指定した列の幅をまだ調整できません。何か不足していますか？

私はid=oneとwidth=100%とtableについては、以下のDataTableのパラメータがあります。私は、HTML内の任意のCSSオーバーライドを指定していないか、そうでない場合は、ので、多分これが問題になる

$(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'] 
    }); 
}); 

を？

Answer 1

ありがとうございました。さらに掘り下げた後、私はテーブルが空腹のクラスで設定されていることに気付きました。とても腹立たしい。このクラスを削除すると、必要に応じてラップが機能します。ありがとうございました。

Answer 2

あなたはどのデータを列に入れていますか？ widthプロパティはth要素にのみ適用されます。したがって、td列の要素に幅の広い要素がある場合、予想よりも幅が広がる可能性があります。たとえば、50ピクセルより広い画像では、列が50ピクセルより広くなります。