Skip to content

Pagination

Pagination for lists/tables.

Basic Usage

loading

Page Size Select & Simple Layout

loading

Full Layout

Use layout to combine: total, sizes, prev, pager, next, jumper. All three (total, sizes, jumper) can be hidden; default shows only total.

loading

API

PropDescriptionType
currentCurrent page (supports v-model:current)number
pageSizePage size (supports v-model:pageSize)number
totalTotal countnumber
pageSizesPage size optionsnumber[]
pagerCountVisible page buttons (1–10, default 5)number
layoutLayout component combinationstring
backgroundWhether buttons have backgroundboolean
smallSmall sizeboolean

Events: current-change, size-change.

MIT License