使用 DataTables 引导分页-sm答案

【问题标题】：Bootstrap pagination-sm with DataTables使用 DataTables 引导分页-sm
【发布时间】：2021-01-15 11:13:34
【问题描述】：

我想让我的 Datatables 分页样式类似于 Bootstrap 分页。

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

如果我添加

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

看起来像这样：

我希望它看起来像这样：

我不知道为什么附加的 js 文件会导致按钮之间的距离。

非常感谢任何帮助！

【问题讨论】：

【解决方案1】：

你能检查下面的代码链接吗？希望它对你有用。我们根据数据表文档 (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;
}

【讨论】：

【解决方案2】：

您可能忘记包含 CSS 库文件。能否请您检查并将下面的 CSS 链接添加到您的代码中。

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

请点击给定的链接并检查 CSS 选项卡信息。

【讨论】：