Избыточные пробелы под DataTables

Question

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

В данный момент информация в a и / создается с помощью цикла JSTL Core forEach.Хотя это может быть проблемой, но даже после удаления этого и добавления фиктивных данных у него все еще есть лишние пробелы под таблицей.

Это простая таблица, аргументы

$(".table").dataTable({
                "bInfo": false,
                "bLengthChange": true,
                "bPaginate": false,
                "bFilter": false,
                "sScrollX": "100%",
                "sScrollY": "100%",
                "bScrollCollapse": true
            });

Answer 1

Datatables создает div с классом dataTables_wrapper, который оборачивается вокруг таблицы (я думаю, что он проходит между вашим div и таблицей в вашем случае) и имеет min_height 302px и высоту 302px. Создатель datatables говорит, что он делает это, чтобы избежать беспорядка, но это имеет некоторые странные эффекты, когда у вас есть небольшие строки.

поэтому я обычно добавляю это в мой css:

.dataTables_wrapper {
   _height: 102px;
   min-height: 102px;
}

Будьте осторожны, чтобы объявить это в файле CSS, импортированном после demo_table.css.