• Introduction
  • Getting Started
  • Vue 2 End of Support
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • Conversational UInew
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gauges
    • Grid
    • Icons
    • Indicators
    • Inputs
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Notification
    • PDF Processing
    • Popup
    • Progress Bars
    • Scheduler
    • ScrollView
    • Tooltip
    • TreeList
    • TreeView
    • Upload
  • Wrapper Components
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • FAQ
  • Troubleshooting
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:

  • buttonCount—Sets the maximum numeric buttons count before the buttons are collapsed.
  • info—Toggles the information about the current page and the total number of records.
  • type—Accepts the numeric (buttons with numbers) and input (input for typing the page number) values.
  • pageSizes—Displays a menu for selecting the page size.
  • previousNext—Toggles the Previous and Next buttons.
  • responsive—Toggles the responsive layout.
Example
View Source
Change Theme:

Responsive Design

The Pager supports responsive web-design.

Functionality and Features

The Pager provides globalization support.

Support and Learning Resources

Additional Resources