2017-03-25 8 views
2

'bAutoWidth:false'は、dataTable.bootstrap.jsがウェブページに含まれていると動作しません。デザイン用に私のページにdataTable.bootstrap.jsが必要です。これを解決するには? autoWidth: falseを使用してdataTable.bootstrap.jsがウェブページに含まれていると、bAutoWidthが動作しません

$('#table').DataTable({ 
    "bAutoWidth": false, 
    "columnDefs": [{ 
      "targets": [-1], 
      "orderable": false 
     }] 
}); 
+0

デフォルトの 'jquery.dataTables.css'を削除すると、' dataTables.bootstrap.js'/'dataTables.bootstrap.css'を使うと不要になります。 ) – davidkonrad

+0

jquery.dataTables.cssを削除することは役に立ちませんでした。 「うまくいきません」とは、bAutoWidthがfalseになっても、dataTablesで設定されたAuto Widthを削除できないということです。私のテーブルでは、テーブルヘッドの幅はまだ設定されています(th)。 – Kais

+0

OK。奇妙に聞こえる。これをフィドルで再現できますか?ここに出発点です(ブートストラップを追加するだけです)。http://jsfiddle.net/hqf4wrpq/ – davidkonrad

答えて

0

はあなたがcolumns.widthオプションまたはHTML/CSSを経由して、独自の列幅を設定している意味があります。

また、すべての列の幅に影響する空白のない単語を使用しています。表のtable-layout: fixedを使用すると役立ちます。

コードとデモンストレーションについては、this exampleを参照してください。

関連する問題