在表格和页码之间添加微小的空格

Question

我已使用此链接将响应式样式应用到我的 jQuery 数据表。如链接所示，表格与表格右下角的页码之间有轻微的空格或换行。我在我的桌子上也取得了同样的成绩。但是，根据我的要求，我使用 jQuery 数据表选项设置了表格的垂直高度，如下所示。

"scrollY": "250px",
"scrollCollapse": true,

应用此更改后，设置了垂直尺寸，滚动条很好，但表格和页码之间没有空间或空间很小，如下图所示。

如何添加空间或使其看起来与应用垂直滚动之前完全相同。

Answer 1

使用这个CSS：

.dataTables_paginate {margin-top: 15px;}

将 调整15px为您想要的任何值。另外，如果体内有许多数据表，明智的做法是将特定的一个数据表封装在 an 中id，并以这种方式提供 CSS：

#myDataTable .dataTables_paginate {margin-top: 15px;}