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.

Installation


// quasar.conf.js

return {
  framework: {
    components: [
      'QPagination'
    ]
  }
}

Usage

Standard



With input



Maximum pages shown



Removing ellipses



With boundary numbers









QPagination API