The Table component can be used by importing { Pagination } from "finallyreact".
Prop Name | Prop Type | Description |
---|---|---|
arrowProps | HTMLAttributes | Props for both arrow buttons |
disabled | boolean | Disables user interaction |
leftArrowProps | HTMLAttributes | Props for the left arrow button |
maxDisplayPages | number | Maximum number of pages to display |
onChangePage | (page: number, size: number) => void | Callback for changing the page |
page | number | Current page number |
pageProps | HTMLAttributes | Props for each page button |
rightArrowProps | HTMLAttributes | Props for the right arrow button |
showSizeDropdown | boolean | Whether to show a dropdown for selecting the page size |
simple | boolean | Simple pagination with no styles |
size | number | Number of items per page |
sizeDropdownProps | HTMLAttributes | Props for the size dropdown |
sizes | number[] | Array of available page sizes |
total | number | Total number of items |