0

次のような列幅を指定したjQueryデータテーブルがあります。

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

また、CSS スタイルを次のように指定しました。

  td { position: relative, word-wrap: break-word; }

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

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

4

1 に答える 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として持つものについてのポイントを伝えるためのものです）

于 2011-10-20T22:24:48.010 に答える