DataTables下的多余空格

DataTables下的多余空格,datatables,Datatables,我正在使用DataTables向我的jsp页面添加一个富表,它或其他东西似乎在表下挤出了大量空白 现在,我使用JSTL Core forEach循环创建a和/中的信息。我认为这可能是问题所在,但即使在删除它并添加虚拟数据之后,表下面仍然有多余的空白 这是一个简单的表,参数是 $(".table").dataTable({ "bInfo": false, "bLengthChange": true, "

我正在使用DataTables向我的jsp页面添加一个富表,它或其他东西似乎在表下挤出了大量空白

现在,我使用JSTL Core forEach循环创建a和/中的信息。我认为这可能是问题所在,但即使在删除它并添加虚拟数据之后,表下面仍然有多余的空白

这是一个简单的表,参数是

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

Datatables使用类Datatables_包装器创建一个div,该包装器环绕表(我认为它位于您的div和本例中的表之间),最小高度为302px,高度为302px。datatables的创建者说,他这样做是为了避免混乱,但当您有一小行时,这会产生一些奇怪的效果

因此,我通常在css中添加以下内容:

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

请注意在demo_table.css之后导入的css文件中声明这一点。

Datatables使用类Datatables_包装器创建一个div,该包装器环绕该表(我认为它位于您的div和本例中的表之间),最小高度为302px,高度为302px。datatables的创建者说,他这样做是为了避免混乱,但当您有一小行时,这会产生一些奇怪的效果

因此,我通常在css中添加以下内容:

.dataTables_wrapper {
   _height: 102px;
   min-height: 102px;
}
注意在demo_table.css之后导入的css文件中声明这一点