jQuery - таблица данных не сохраняет ширину столбца после сортировки - PullRequest
0 голосов
/ 21 октября 2011

У меня есть таблица данных jQuery, для которой я указал ширину столбца, например:

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

Я также указал стиль CSS как:

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

Таблица отображается именно так, как я хотел, длинные записи были перенесены. Однако, когда я сортировал по второму столбцу (сортировка выполняется внутренним сервером), некоторые значения первого столбца являются длинными, но никогда не разбиваются и не переносятся. В таблице показан только один столбец (из-за самой длинной длины значение превысило ширину таблицы).

Как я могу получить таблицу данных в соответствии с инициализированной шириной и правильно отобразить?

1 Ответ

1 голос
/ 21 октября 2011

Вы можете попробовать использовать свойство 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)

...