Getting Started
    Native Components
    • Animation
    • Buttons
    • Charts
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Gridupdated
    • Indicatorsupdated
    • Inputsupdated
    • Labels
    • Layoutupdated
    • Notificationnew
    • PDF Processing
    • Popup
    • Progress Bars
    • Schedulernew
    • ScrollViewnew
    • Tooltip
    • TreeViewnew
    • Upload
    Wrapper Components
    Styling & Themes
    Common Features
    Project Setup
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.
View Source
Change Theme:

Responsive Design

The Pager supports responsive web-design.

Functionality and Features

The Pager provides globalization support.