Question

我有一个jQuery数据表，我指定列宽如下：

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

我还指定了CSS样式：

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

表格完全按照我想要的方式显示，已经包装了长条目。但是，当我在第二列上排序（排序由后端服务器处理）时，第一列的某些值很长但从未打破和包装。该表只显示了一列（由于最长的值超出了表格宽度）。

如何让数据表服从初始化的宽度并正确渲染？

Answer 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的内容）

jQuery - 数据表在排序后不保留列宽

1 个答案: