Looking forQuasar v2 beta(Vue 3) docs?


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.


 * No installation step is necessary.
 * It gets installed by default by @quasar/app v2+.




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


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


QPagination API

Loading API...
Please wait...