Introduction
Getting Started
Vue 2 End of Support
Vue Wrappers End of Life
Native Components
- Animation
- Buttons
- Chartsupdated
- Conversational UI
- Data Query
- Data Tools
- Date Inputs
- Date Math
- Dialogs
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gauges
- Gridupdated
- - Overview
  - Data Binding & Operations
  - Editing
  - Filtering
  - Grouping
  - Paging
  - Sorting
  - Selection
  - Excel Export
  - PDF Export
  - Custom Templates
  - Columns
  - - Widths
    - Resizing
    - Locked
    - Reordering
    - Multi-Column Headers
    - Column Menu
    - Column Virtualization
    - Hidden Columns
    - Dynamic Columns Generation
  - Rows
  - Live Data Updates
  - Performance
  - Persist state
  - Printing the Gridnew
  - Compact Grid
  - Keyboard Navigation
  - Scroll Modesupdated
  - Stylingupdated
  - Integration with ASP.NET Core Projects
  - Globalization
  - Accessibility
  - API
- Icons
- Indicators
- Inputsupdated
- Labels
- Layout
- 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 / Grid / Columns / Reordering /

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

Reordering

The Kendo UI for Vue Native Grid enables you to reorder its columns by dragging the header cells.

To enable column reordering, set the reorderable property of the Grid to true.

By default, the column-reordering feature is disabled.

Example

View Source

Change Theme:

Suggested Links

Multi-Column Headers