What is KendoReact
Getting Started
Unstyled Mode
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chart Wizardnew
- Chartsupdated
- Common Utilities
- Conversational UIupdated
- Data Gridupdated
- - Overviewupdated
  - Getting Started
  - Data Binding
  - Chart Integrationnew
  - Master-Detail Grids
  - Custom Cells
  - Columns
  - - Column Widths
    - Resizing of Columns
    - Locked Columns
    - Hidden Columns
    - Spanned Columns
    - Reordering of Columns
    - Multi-Column Headers
  - Rows
  - Editing
  - Filteringupdated
  - Sorting
  - Grouping
  - Paging
  - Scrolling
  - Interactivityupdated
  - PDF Export
  - Excel Export
  - Printing the Gridnew
  - Styling
  - Optimization
  - Globalization
  - Accessibilityupdated
  - API
- Data Query
- Data Toolsupdated
- Date Inputs
- Date Math
- Dialogsupdated
- Drawing
- Dropdowns
- Editor
- Excel Export
- File Saver
- Form
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBoxupdated
- ListView
- Map
- Notification
- OrgChart
- PDF Processing
- PDF Viewer
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Schedulerupdated
- ScrollView
- Sortable
- Spreadsheet
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Data Grid / Columns / Reordering of Columns /

Reordering

The KendoReact Data 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

Spanned Columns

Multi-Column Headers