Переполнение столбцов JQuery Datatables

Question

У меня проблема с моим datatable: она должна иметь определенную ширину, но также я хочу отобразить все ее столбцы. Вся проблема выглядит следующим образом:

Я нашли решения Datatables Width Overflow For A Lot Of Columns и JQuery Datatables overflow, но я предпочел бы использовать слово ломать, то есть полосы прокрутки в моей таблице.

Итак, я нашел другое решение jQuery DataTable overflow and text-wrapping issues согласно которому я должен был установить:

table.display { table-layout:fixed; } 
    th, td { word-wrap:break-word; overflow:hidden; text-overflow: ellipsis; } 

Однако, с этим у меня была проблема с шириной столбца; все столбцы имеют одинаковую ширину и опцию «bAutoWidth: правда» игнорируются:

Например, есть пустое пространство по горизонтали в Цены колонки, или после того, как значки в последней колонке. Более те слово разбитых заголовков (й), кажется, очень некрасиво, и это будет выглядеть лучше, если кода, граф, Цена и Места колонн при их минимальном размере (их ширина соответствует ширине текста заголовка).

Я хотел бы указать (как-то) предпочтительную ширину для каждого столбца или после того, сколько букв оно должно быть обернуто. Я нашел breakCellText plugin в этом сообщении jQuery DataTable overflow and text-wrapping issues. Тем не менее, этот плагин не работает с моими данными 1.9.4.

Answer 1

У меня была та же проблема. Вот мое решение:

.dt-index { 
    column-width: auto !important; 
} 

Используйте этот стиль для своего стола.

Я надеюсь, что это будет ваше решение.

Greetz Vegeta_77