New to Kendo UI for Vue? Start a free 30-day trial

Pager Overview

The Kendo UI for Vue Pager provides options for splitting content into pages.

The Kendo UI for Vue Pager is part of the Kendo UI for Vue library of Vue UI components. It is distributed through NPM under the kendo-vue-data-tools package.

Basic Usage

You can configure the Pager by using the following properties:

  • buttonCountSets the maximum numeric buttons count before the buttons are collapsed.
  • infoToggles the information about the current page and the total number of records.
  • typeAccepts the numeric (buttons with numbers) and input (input for typing the page number) values.
  • pageSizesDisplays a menu for selecting the page size.
  • previousNextToggles the Previous and Next buttons.
  • responsiveToggles the responsive layout.
Example
View Source
Edit In Stackblitz  
Change Theme:

Responsive Design

The Pager supports responsive web-design.

Functionality and Features

The Pager provides globalization support.