Table pagination overview

A table is used to display a set of structured data in a list. A pagination table is a table that divides information of a table into discrete pages, which enables users to navigate the data of the table page by page. The following two types of tables are supported:

Navigating pages by using page numbers

As shown in Figure 1, different pages can be selected by clicking page numbers. When a page number is clicked, an AJAX request is sent to the backend to retrieve new page data to be displayed.
Figure 1. A paginated table that contains page numbers for navigation

Navigating pages by using Next and Previous buttons

As shown in Figure 2, when navigating to different pages of a table by using Next or Previous buttons, page numbers are not displayed so that a user does not know the number of pages that are available. Only the Next or Previous buttons can be used to view next or previous pages. When the Next or Previous buttons are clicked, an AJAX request is sent to the backend to retrieve data for the next or previous page. If the request is processed successfully, the next or previous page is displayed.
Figure 2. A paginated table that contains Previous and Next buttons for navigation