JQuery DataTables максимальная ширина столбца

Question

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

РЕДАКТИРОВАТЬ

DataTables сделал это правильно сам, проблема была в том, что было очень длинное слово без пробелов, которые вызывают проблему

Answer 1

Ваша проблема, похоже, связана с CSS ...

Использование word-wrap в CSS решит эту проблему, для columnX просто добавьте это в свой CSS.

.columnX {
  word-wrap: break-word;
}

Он будет переносить четные слова без пробелов в зависимости от установленной ширины столбца.

См .: https://developer.mozilla.org/en/css/word-wrap

Answer 2

Я согласен с приведенным выше решением использования word wrap - он прекрасно работает. Однако у меня возникли дополнительные проблемы со столбцами с большими объемами данных. Я также сделал следующее, чтобы он работал полностью:

У меня были многочисленные проблемы с шириной столбца datatables. Магическое исправление для меня включало в себя строку

table-layout: fixed;

Это css соответствует общему css таблицы. Например, если вы объявили datatables следующим образом:

LoadTable = $('#LoadTable').dataTable.....

Тогда волшебная линия css перейдет в класс Loadtable.

#Loadtable {
  margin: 0 auto;
  clear: both;
  width: 100%;
  table-layout: fixed;
}

Answer 3

Это может быть легко с использованием

'columnDefs': [
      {'max-width': '20%', 'targets': 0}
    ],

См. Эту ссылку для получения дополнительной информации.( Как установить максимальную ширину для определенного столбца в jQuery DataTables )!