Pagination

The QPagination component is available for whenever a pagination system is required. It offers the user a simple UI for moving between items or pages.

There are two modes in which QPagination operates: with buttons only or with an inputbox. The latter allows the user to go to a specific page by clicking/tapping on the inputbox, typing the page number then hitting Enter key. If the new page number is within valid limits, the model will be changed accordingly.

QPagination API

Loading API...
Please wait...

Usage

Standard

Standard



Custom icons

With icon replacement



With input

With input



With input color



Max pages shown

Maximum pages shown



Removing ellipses



Handling boundary

With boundary numbers









Styles

The following are a few examples, but not an exhaustive list:

Styles