<dy-pagination>
A pagination component that supports customizable page sizes and navigation through large datasets.
Example
Loading...
<dy-pagination
.page=${2}
.size=${20}
.total=${35}
.sizes=${[20,50,100]}
@sizechange=${(evt) => evt.target.size = evt.detail}
@pagechange=${(evt) => evt.target.page = evt.detail}></dy-pagination>
API
Shadow DOM; Extends GemElement
Instance Properties
| Property(Attribute) | Reactive | Type |
|---|---|---|
align(align) |
Yes | 'left' | 'start' | 'right' | 'end' | 'center' |
page(page) |
Yes | number |
total(total) |
Yes | number |
size(size) |
Yes | number |
pagechange |
Emitter<number> |
|
sizechange |
Emitter<number> |
|
sizes |
Yes | number[] |
Other
| Type | Value |
|---|---|
| Event | pagechange, sizechange |