Paginator
A paginator is a UI component that helps users navigate large datasets by breaking them into smaller, manageable pages. It offers intuitive controls like previous, next, and page number buttons, along with the option to select items per page. This component improves navigation efficiency, making it easier for users to browse through extensive content without being overwhelmed.
1. Default
2. Navigation Controls
The property showNavigationControls renders the navigation controls for the paginator, allowing users to navigate between pages. It includes buttons that indicate the current page and the total number of pages.
there are too many pages, the properties maxPagesToShowLeft and maxPagesToShowRight are used to limit the number of pages displayed on each side, providing a cleaner, more manageable interface. These properties control the number of pages shown before and after the current page, ensuring the paginator remains user-friendly even with large data sets.
3. Controls Order
The property order controls the arrangement of rendered components based on a predefined sequence. This order is defined through a JSON configuration, which specifies the exact positioning of components on the page. By adjusting the JSON, you can customize the display sequence, offering flexibility in how content is structured and presented to the user.