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

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)