Классическая постраничная пагинация — это подход, при котором внизу страницы
отображаются элементы управления с номерами страниц
(1, 2, 3, …), а пользователь самостоятельно выбирает нужную страницу.
При клике на номер страницы:
— в запрос передаётся выбранный номер страницы;
— текущий список данных очищается;
— загружается и отображается новый набор данных, соответствующий выбранной странице.
Активная страница визуально выделяется, а кнопки перехода могут дополняться
элементами Next / Prev для удобной навигации.
Реализация пагинации построена по принципу «оконного» отображения страниц.
Это вариант классической постраничной пагинации,оптимизированный для работы с большим количеством страниц.
Пользователь всегда видит:
— первую страницу списка;
— последнюю страницу списка;
— текущую страницу и по одной странице слева и справа от неё (всего до трёх центральных страниц).
Если между отображаемыми страницами существуют пропущенные диапазоны,
они обозначаются символами ..., что позволяет сохранить компактный и понятный интерфейс
даже при наличии сотен страниц.
При клике на номер страницы:
— обновляется текущий номер страницы;
— выполняется запрос к бекенду с новым номером страницы;
— предыдущий список данных заменяется новым набором элементов;
— активная страница визуально выделяется для удобства навигации.