jQuery - 排序后数据表不保持列宽答案

【问题标题】：jQuery - Data-table does not keep column width after sortingjQuery - 排序后数据表不保持列宽
【发布时间】：2011-12-12 03:39:08
【问题描述】：

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

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

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

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

表格完全按照我的意愿显示，长条目已被包装。但是，当我对第二列进行排序时（排序由后端服务器处理），第一列的某些值很长，但从未中断和包装。表格只显示一列（由于值的最长长度超过了表格宽度）。

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

【问题讨论】：

标签： jquery css datatable column-width

【解决方案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）

【讨论】：

感谢您的快速回复。我已经有一个 SClass，它定义为'word-wrap: break-word;'但它没有用。我会尝试“相对位置”。