Постраничная навигация
Блок постраничной навигации представляет собой панель навигации по пронумерованным страницам.
HTML
<ul class="pagination">
<li><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li>...</li>
<li><a href="#">39</a></li>
<li class="active"><a href="#">40</a></li>
<li><a href="#">41</a></li>
<li>...</li>
<li><a href="#">99</a></li>
<li><a href="#">100</a></li>
</ul>
HTML
<ul class="pagination">
<li><a href="#">← Назад</a></li>
<li><a href="#">Вперед →</a></li>
</ul>
Помимо прямого вывода блока постраничной навигации, его можно генерировать с помощью атрибутов через JavaScript
[data-pagination-pages="*"] - общее кол-во страниц
[data-pagination-current="*"] - Текущая страница
[data-pagination-url="*"] - URL на который произойдет переход. В качестве номера страницы, можно использовать тег {NUM}
[data-pagination="*"] - Тип генератора постраничной навигации (от 0 дл 3)
HTML
<ul class="pagination" data-pagination="3" data-pagination-url="/news/page/{NUM}" data-pagination-pages="20" data-pagination-current="4"></ul>
HTML
<ul class="pagination" data-pagination="2" data-pagination-url="/news/page/{NUM}" data-pagination-pages="20" data-pagination-current="4"></ul>
HTML
<ul class="pagination" data-pagination="1" data-pagination-url="/news/page/{NUM}" data-pagination-pages="20" data-pagination-current="4"></ul>
HTML
<ul class="pagination" data-pagination="0" data-pagination-url="/news/page/{NUM}" data-pagination-pages="20" data-pagination-current="4"></ul>