Skip to main content

Pagination

shadow

Komponent Pagination slúži na zobrazenie stránkovania v aplikáciách. Umožňuje používateľom navigovať medzi rôznymi stránkami obsahu a zlepšuje tak používateľskú skúsenosť pri prehliadaní veľkého množstva údajov.

Základné použitie

Max pages

Round

First, Last Buttons

Show info

Atribúty a Vlastnosti

page

DescriptionCurrent page number.
Attributepage
Typenumber
Default0

maxPages

DescriptionThe maximum number of pages displayed in the navigation.
Attributemax-pages
Typenumber
Default3

PageSize

DescriptionNumber of items per page.
Attributepage-size
Typenumber
Default3

totalItems

DescriptionTotal number of items.
Attributetotal-items
Typenumber
Default0

showFirstButton

DescriptionIf true, the button for the first page is displayed.
Attributeshow-first-button
Typeboolean
Defaultfalse

showLastButton

DescriptionIf true, the button for the last page is displayed.
Attributeshow-last-button
Typeboolean
Defaultfalse

round

DescriptionIf true, the buttons will be rounded.
Attributeround
Typeboolean
Defaultfalse

showInfo

DescriptionIf true, informational text about the displayed items is displayed.
Attributeshow-info
Typeboolean
Defaultfalse

Eventy

NameDescription
wje-pagination:page-changeCalled when changing the page.

Metódy

paginate

DescriptionPages items based on the total number of items, the current page, the page size, and the maximum number of pages to display.
Signature(totalItems: number, currentPage?: number, pageSize?: number, maxPages?: number) => object

CSS Shadow Parts

NameDescription
nativeWrapper element for the pagination component.

CSS Custom Vlastnosti

NameDescription
--wje-font-size-smallFont size for informative text

Sloty

No slots available for this component.