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

Question

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

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

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

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

Answer 1

使用这个CSS:

.dataTables_paginate {margin-top: 15px;}

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

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