Upgrade toQuasar v2and use Vue.js 3
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

Usage

Design




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




Custom icons
v1.9.4+




With input







Max pages shown







Handling boundary