Pagination

Pagination is used to allow users to navigate large numbers of items (data) that is distributred across muliple pages. The primary use is as a component of a table. The need of pagination is determined by factors, such as:

  • System load times
  • Amount of data in each entery
  1. Results: Dispay the total count of records that are available.
  2. Show: The count or rows that display within the table. The user has a drop down that lets then choose between 25, 50, 100 and 200 rows to display in the table. 100 is selected by default.
  3. First and Last: Navigate to the First or Last page. If the user is on the first page then First is not clickable. If the user is on the last page, then Last is not clickable.
  4. Previous and Next: Navigate backward and forwards from the currently selected page. If the user is on the first page then Prvious is not clickable. If the user is on the last page, then Next is not clickable.
  5. Page navigation: Navigate to a specific page by entering the page number.

NOTE: For smaller monitor widths, exclude the First and Last navigation.

Alignment

By default, pagination is right aligned.

References:

  1. Designing Tables for Reusability
  2. Design better data tables
  3. Designing better tables for enterprise applications
Last Updated: 5/22/2019, 2:05:16 PM