TailNG

Playground

Light

Paginator

Professional paginator with first/prev/next/last, numbered pages with ellipsis, page-size selector, and a unified change event.

page: 1pageSize: 10skip: 0count: 237

Items (paged)

Demonstrates: first/prev/next/last, page numbers, ellipsis, range text, and rows selector.

#1 — Item 1

Group: Alpha

#2 — Item 2

Group: Beta

#3 — Item 3

Group: Gamma

#4 — Item 4

Group: Alpha

#5 — Item 5

Group: Beta

#6 — Item 6

Group: Gamma

#7 — Item 7

Group: Alpha

#8 — Item 8

Group: Beta

#9 — Item 9

Group: Gamma

#10 — Item 10

Group: Alpha

Showing 1–10 of 237

Rows

…

Uses maxPages=5 to force compact page window with ellipsis.

Showing 1–10 of 237

Rows

…

Some screens require fixed page size. Hide the selector with hidePageSize.

Showing 1–10 of 237

…

Demonstrates that the paginator is completely themeable without CSS, using klass inputs.

Showing 1–10 of 237

Rows

…

Showing 1–10 of 12

When total pages are low, the paginator shows simple 1..N without ellipsis.