jQuery Таблица данных выходит за рамки шаблона

Question

Я использую Datatables.net, и я столкнулся с проблемой, когда они столкнулись с ограничениями блоков, содержащихся внутри. Действует подобно плавающему элементу. Я не совсем уверен, как решить эту проблему, поскольку я не совсем уверен, что именно происходит.

Больше раз тогда мои таблицы оставались в пределах моего шаблона и нажимали шаблон туда, где это необходимо, кроме этой таблицы. Пример того, что я имею в виду

Answer 1

Вы можете контролировать, показывает ли содержание элемента таблицы данных по размеру, используя свойство CSS «перелив». Если вы установите переполнение: скрыто, таблица будет усечена, тогда как если вы установите переполнение: прокрутка, содержащий элемент будет получать полосу прокрутки, которую вы можете использовать, чтобы увидеть всю таблицу (прокручивая ее).

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

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

Надеюсь, что это поможет.

Answer 2

Это довольно трудно без специального кода. Вы пробовали обычные опции clearfix?

Есть прекрасные примеры того, как сделать это во втором ответе, здесь: What methods of ‘clearfix’ can I use?