数据表列文本继续到下一列

Question

正如您在屏幕截图中看到的，我的第二列文本将覆盖下一列文本。有没有办法避免这种情况，并根据每列中文本的长度调整值？我试过scrollX：true但它不起作用。谢谢

Answer 1

这不是DataTables特有的问题。您可以使用CSS word-break选项解决它。

只需创建一个类似;

的CSS类

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

并使用DataTables className选项将此类添加到目标列并破坏该列中的单词。

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