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

Question

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

断续器

<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