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创建一个包含类dataTables_wrapper的div，它包裹在表中（我认为它在你的div和表之间），并且min_height为302px，高度为302px。数据表的创建者说他这样做是为了避免混乱，但是当你的行数很少时，这会产生一些奇怪的效果。

所以我通常在我的css中添加这个：

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

小心在demo_table.css之后导入的css文件中声明这个。