jQuery DataTables max ширина столбца

Question

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

EDIT

в 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} 
    ], 

Приведите эту ссылку для получения дополнительной информации. (How to set max-width for particular column in jQuery DataTables)!