• Introduction
  • Getting Started
  • Native Components
    • Animation
    • Buttons
    • Chartsupdated
    • 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
Components / Data Tools / Pager / Responsive design / 
New to Kendo UI for Vue? Start a free 30-day trial

Responsive Design

The Pager supports responsive web-design by adapting its layout based on the set width or the available screen size. By default, the responsive layout is enabled. To disable it, set the responsive property to false.

Move the slider in the below demo to see the different supported layouts:

Example
View Source
Change Theme:

Suggested Links

Previous
Overview
Next
Template

In this article

Not finding the help you need?

Contact Support