Bootstrap pagination-sm 与 DataTables

我希望我的 Datatables 分页样式类似于 Bootstrap 分页。

所以，目前看起来是这样的：

如果我添加

<script src="https://cdn.datatables.net/1.10.23/js/dataTables.bootstrap.min.js"></script>

看起来像这样：

我希望它看起来像这样：

我不知道为什么额外的 js 文件会导致按钮之间的距离如此之大。

我真的很感激任何帮助！

你能看看下面的代码链接吗？希望它对你有用。我们根据数据表文档 (https://datatables.net/examples/basic_init/alt_pagination.html) 添加了 jQuery、jquery.dataTable.js 和 jquery.dataTables.min.css。

我们已根据您所需的设计应用样式，并删除了分页按钮的边距，如下所示。

.dataTables_wrapper .dataTables_paginate a.paginate_button {
  margin: 0px;
}

您可能忘记包含 CSS 库文件。您能检查一下并将以下 CSS 链接添加到您的代码中吗？

在本示例中加载了以下 CSS 库文件以提供表格的样式：

并且请按照给定的链接检查 CSS 选项卡信息。