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