проблема с DataTables

Question

Я использую DataTables, как указано в ссылке

http://datatables.net/release-datatables/examples/api/multi_filter_select.html

теперь моя таблица 5 колонок.

Проблема в том, что 2-я колонка имеет очень длинные имена.

Этот мультифильтр показывает параметры в нижней части таблицы.

Теперь у меня есть проблема. Поскольку мой второй столбец имеет очень длинные имена, поэтому нижняя ячейка «option» ниже этого столбца очень длинна, что приводит к тому, что столбец таблицы выходит из html-страницы.

Как я могу уменьшить эту «нижнюю» колонку?

Answer 1

Я не понимаю, что вы имеете в виду под колонкой «bottom», но я могу сказать, что у меня была та же проблема с jquery-datatables.

Решение 1: Добавить полосу прокрутки в div, содержащий данные, поэтому, если она становится слишком большой, она не будет занимать всю страницу. как «переполнение: авто».

Решение 2: сделать все родители, содержащие данные, с автоматической высотой (без фиксированной высоты), чтобы страница могла простираться до места, занимаемого данными.

PD: вы можете увеличить ширину столбца 2.

Answer 2

Вы должны установить фиксированный макет для таблицы, как показано ниже:

table{ 
    table-layout:fixed; 
} 

Вот и все.