向数据表分页添加自定义样式

Question

我有一个包含数据表(服务器端(的页面，我想在其上添加我的自定义分页样式：

.HTML

<ul class="pagination pagination-danger">
<li class="page-item"><a class="page-link" href="#" data-original-title="" title="">قبلی</a></li>
<li class="page-item"><a class="page-link" href="#" data-original-title="" title="">1</a></li>
<li class="page-item"><a class="page-link" href="#" data-original-title="" title="">2</a></li>
<li class="page-item"><a class="page-link" href="#" data-original-title="" title="">3</a></li>
<li class="page-item"><a class="page-link" href="#" data-original-title="" title="">بعدی</a></li>
</ul>

正如您在上面看到的，我的类名是:page-link，现在我想将其应用于每个数据表分页项。

我在任何地方搜索过它，但我找不到彻底的解决方案。

Answer 1

如果您希望数据表分页使用自定义类，请使用

$.fn.dataTable.ext.classes.sPageButton = 'page-link';

在初始化数据表之前。

(从这里(

Answer 2

这是一个CSS问题，不是吗？

请参阅此链接，您需要将其与您的班级相匹配：

https://www.w3schools.com/css/css3_pagination.asp