Skip to main content

Pagination

Pagination allows the distribution and navigation of many results on several pages.

Number of items

Maximum number of pages displayed must be 7. When the number is greater than 7 pages, an ellipsis (...) will be applied before the last page number.

When the current page is the first or the last, the navigation buttons should be disabled.

Items per page

Pagination should always be applied below lists and tables, respecting the last item in the table and positioning to the right.

It is possible to add a left-aligned Select to allow changing the number of items displayed in the listing.

It is also possible to display the number of items in the listing in text format. In this case, it must be aligned to the left of the pagination.

Good practices

For consistency, the default table of contents text is: "Displaying 10 out of 100 items".

You can change "items" to the page context. For example: "Displaying 10 out of 100 contacts".

Feedback