Drag and drop row
Move the selected row or rows within the grid by dragging and dropping them.
Drag and drop settings
Enable the drag and drop function.
gridView.editOptions.movable = true;
How to use drag and drop
- The cursor changes so that you can move it when you hover the mouse over the cell to be moved in the selection area.
- When selecting a range, the cursor changes so that it can be moved by hovering the mouse to the location in front of the selected cell.
- When using a shortcut key, the cursor changes so that it can be moved by hovering over the area selected for focus and scope.
- Shortcut keys:
Ctrl
+Alt
(windows),command
+options
(mac) - To move a row, you must drag while the mouse cursor has changed.
RowIndicator Drag and Drop
You can drag and drop by clicking the pointer on the rowIndicator of the selected row.
Row Move Settings
gridView.editOptions.movable = true;
gridView.rowIndicator.draggableSelectedRows = true;