Pagination
The r-pagination component is used for navigating through table items, offering seamless page transitions to enhance user interaction.
Usage
import { RPagination } from '@rebilly/revel';
<r-pagination
:provider="provider"
:total="total"
:totalVisible="totalVisible"
:limit="limit"
v-model="page"
@update:model-value="onUpdate"/>
Example
| Name | Type | Default | Description |
|---|---|---|---|
| provider | TSFunctionType | Wrapper for async pagination data provider | |
| total | number | Number of items handled by pagination in total | |
| limit | number | Number of items displayed on a single page | |
| totalVisible | number | 99999 | Maximum number of displayed pages on screen, other pages will be hidden by … |
| modelValue | number | 1 | Number of current active page |
| Name | Description |
|---|---|
| pagination | Pagination component |
| Name | Description |
|---|---|
| update:modelValue |