What is KendoReact
Getting Started
Server Components
Components
- Animation
- Barcodes
- Buttons
- Chartsupdated
- Common Utilitiesupdated
- Conversational UI
- Data Gridupdated
- - Overviewupdated
  - Getting Started
  - Data Bindingupdated
  - Editingupdated
  - Filteringupdated
  - Grouping
  - Paging
  - Sorting
  - PDF Export
  - Excel Export
  - Columnsupdated
  - - Widths
    - Locked
    - Spanned Columnsnew
    - Multi-Column Headers
    - Resizing
    - Reordering
    - Column Menuupdated
    - Column Virtualization
  - Custom Cells
  - Keyboard Navigation
  - Scroll Modes
  - GridHelpernew
  - Performance
  - Selectionupdated
  - Styling
  - Context-menu
  - Integration with ASP.NET Core Projects
  - Rowsupdated
  - Sizing
  - Persist Statenew
  - Globalization
  - Accessibilityupdated
  - API
- Data Query
- Data Tools
- Date Inputsupdated
- Date Math
- Dialogs
- Drawing
- Dropdownsupdated
- Editorupdated
- Excel Export
- File Saver
- Formupdated
- Gantt
- Gauges
- Indicators
- Inputsupdated
- Labels
- Layoutupdated
- ListBox
- ListView
- Map
- Notification
- OrgChartnew
- PDF Processing
- PDFViewerupdated
- PivotGrid
- Popup
- Progress Bars
- Ripple
- Scheduler
- ScrollView
- Sortable
- Spreadsheetupdated
- TaskBoard
- Tooltips
- TreeList
- TreeViewupdated
- Upload
Sample Applications
Styling & Themes
Common Features
Project Setup
Knowledge Base
Changelog
Updates
Troubleshooting

Components / Data Grid / Columns / Reordering /

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

Is this article helpful?

Thank you for your feedback!