Как правильно сделать адаптивную пагинацию?

Question

[MegaPuxapb]

Как обычно делают подобную пагинацию?

Если в десктоп макете условно 16 пунктов:

В мобильном 7:


- на js-e считать и в зависимости от разрешения выводить (плагинами)
- css -ом в медиа nth-child-ом лишнее убирать
- или это на бэке делают?

Comments

[Kovalsky]

auxiliary.github.io/rpage/demo.html

Вся суть в rPage

[Froggyweb]

Обычно это решается на сервере.
ну или react vue и пр с с тегом pagination

css -ом в медиа nth-child-ом лишнее убирать

хреновый вариант

[MegaPuxapb]

Kovalsky,
спс!
черкани в ответах, отмечу решением.

Answer 1

[nokimaro]

Можно сделать 2 блока с пагинатором на 16 и на 7 пунктов
Отображать нужный через css + media query

Answer 2

[Kovalsky]

rPage спасёт!