Pagination
Overview
A long list can be divided into several pages using Pagination, and only one page will be loaded at a time.
Anatomy
- Total Pages: You can show the total number of data by setting show Total
- Button Previous: Allow users to move backward one page at a time.
- Active Page: Indicates which page is currently being viewed.
- Ellipsis: Represent other pages in between to save horizontal space.
- Last page: Indicates how many pages there are in total.
- Button Next: Allow users to move forward one page at a time.
- Items per page: Use an inline select within the pagination bar so the user can change the amount of data displayed per page.