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)