2011-10-20 8 views
0

をソートした後、列幅を保持しません:jQueryの - データテーブルには、私は列の幅を指定したjQueryのデータ・テーブルには、次の好きている

td { position: relative, word-wrap: break-word; } 
:私ものようなCSSスタイルを指定

"aoColumnDefs":[ 
    { "sWidth":"40%" }, 
    { "sWidth":"10%" }, 
    { "sWidth":"50%" } ] 

テーブルが正確に表示され、長いエントリが折り返されています。しかし、2番目の列をソートすると(ソートはバックエンドサーバーによって処理されます)、最初の列の値の一部は長くなりますが、折れずに折り返されることはありません。テーブルには1つの列しか表示されませんでした(値の最長の長さがテーブルの幅を超えたため)。

データテーブルを初期化された幅に従って正しくレンダリングするにはどうすればよいですか?

答えて

1

この列のセルのsClassプロパティを使用して、ここに移動してhttp://datatables.net/refに移動し、sClass参照を下にスクロールしてみることができます。

"aoColumnDefs":[ 
    { "sWidth":"40%", "sClass":"relative-postition-and-break-word" }, 
    { "sWidth":"10%", "sClass":"relative-postition-and-break-word" }, 
    { "sWidth":"50%", "sClass":"relative-postition-and-break-word" } ] 

(長いクラス名はちょうどあなたのクラスは、CSSとして持っているだろうかへと渡ってポイントを得ることです)迅速な対応のための

+0

感謝。私はすでに、「ワードラップ:ブレークワード」として定義されたSCLassを用意しています。しかしそれはうまくいかなかった。私は '相対位置'を試してみる。 – q2ind

関連する問題