добавить пользовательский стиль в нумерацию страниц данных

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>

As Вы можете видеть выше, мое имя класса :page-link, и теперь я хочу применить его к каждому элементу нумерации данных.

Я искал его где угодно, но не могу найти исчерпывающего решения.

Answer 1

Если вы хотите, чтобы нумерованная нумерация страниц использовала ваши пользовательские классы, используйте

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

перед инициализацией таблицы данных.

(С Здесь )

Answer 2

Это вопрос CSS, нет?

Просмотрите эту ссылку, вам нужно будет сопоставить ее с вашими классами:

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