2016-04-15 12 views
2

私はdatatablesを使用していますが、ヘッダーを折り返すオプションがあるかどうか疑問に思っています。datatables - ヘッダーセルをワードラップにする

iはコンパクト表示

enter image description here

を使用する問題は、ピクセルの修正数にテーブルヘッダーセルの幅を設定するJavaScriptの一部です。

ので、私がしたい:<br/>タグを追加することで、問題が列の幅が正確に同じまま、しかし、私は彼らがしたいということです:ヘッダ

EDIT

fees 
covered 

name 
shown 


amount 
shown 

を小さい、小さい幅となり、ここを参照してください:

enter image description here

答えて

4

使用李NEテーブルヘッダーで<br>を破る:

<table id="example" class="display" cellspacing="0" width="100%"> 
    <thead> 
     <tr> 
      <th>fees<br>covered</th> 
      <th>name<br>shown</th> 
      <th>amount<br>shown</th> 
     </tr> 
    </thead> 
</table> 

は、コードとデモのためthis jsFiddleを参照してください。

"title": "Your Title".split(" ").join("<br/>"), // Your<br/>Title 

Example JSFiddle here:あなたのテーブルは、その後、あなたはcolumns定義内titleキーの適応を使用することができます初期化される方法に応じて

+0

私は自分の質問に編集を追加しました。主な目標は、列の幅が狭いことです。 brを追加したときの幅はまったく同じです(この場合は81pxです)。 emをもっと小さくする方法を知っていますか? – Toskan

+0

@Toskanでは、各列に対して['columns.width'](https://datatables.net/reference/option/columns.width)を使用してください。 ['autoWidth'](https://datatables.net/reference/option/autoWidth)オプションも参照してください。 –