Skip to main content

Pagination Guidelines

Use pagination to help users navigate through a large number of items broken down into pages.

Structure​

  1. Previous page
  2. Page numbers
  3. Current page
  4. Collapsed pages
  5. Next page

Best Practices​

Pagination should:

  • Be always displayed even if the current number of items does not make it necessary. This shows users that the number of items is not fixed or limited.
  • Keep filter, search and sorting when changing pages.
  • Keep items on the same page across sessions if no new items were added, so users can find the same item on the same page.
  • Be placed below overview tables.
  • Be used only once per page.

Try to avoid:

  • Using the collapsed page indicator with only one page collapsed.
  • Using the pagination as a navigation for functions. Group them and use vertical nav, tabs or accordion instead.

Notes:

  • Pagination should show all pages without truncation if the number of pages is equal to or below 7.