Datatables列のテキストは次の列に続きます

Question

スクリーンショットでわかるように、私の2番目の列のテキストは次の列のテキストを上書きしています。これを避け、各列のテキストの長さに応じて値を調整する方法はありますか？私はscrollX：trueを試してみましたが、うまくいきません。ありがとうございます

Answer 1

これはDataTables固有の問題ではありません。 CSS word-breakオプションで解決できます。

次のようなCSSクラスを作成してください。 classNameオプション

.breakAll { 
    word-break: break-all; 
} 

と使用のDataTableをターゲット列にこのクラスを追加すると、その列内の単語を破ります。

$('#example').dataTable({ 
    "columnDefs": [ 
    { className: "my_class", "targets": [ 0 ] } 
    ] 
});