Reordering of Rows
You can implement row reordering in the KendoReact Data Grid by using the KendoReact Drag&Drop, built-in browser APIs or third-party libraries.
KendoReact Drag&Drop
The following example demonstrates one of the possible approaches which utilizes the KendoReact Drag&Drop.
Example
View Source
Change Theme:
Multi-select reordering
The KendoReact Drag&Drop functionality enables advanced scenarios of the drag-and-drop behavior. One of the scenarios is reordering all selected rows.
The following example demonstrates how the drag-and-drop functionality can be combined with multi-row selection.
Example
View Source
Change Theme:
Detail row reordering
The following example demonstrates how to combine the drag-and-drop functionality with detail rows.
Example
View Source
Change Theme:
Built-in Browser APIs
The following example demonstrates one of the possible approaches which utilizes the HTML Drag and Drop API.
Example
View Source
Change Theme:
