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

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

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

我还指定了CSS样式，例如：

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

该表完全按照我的要求显示，长条目已包装。但是，当我在第二列上进行排序（排序由后端服务器处理）时，第一列的某些值很长，但从未中断并包装。该表仅显示一列（由于该值的最长长度超出了表的宽度）。

如何使数据表服从初始化的宽度并正确呈现？

最佳答案

您可以尝试使用该列中单元格的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 - jQuery-数据表在排序后不保留列宽，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7842498/