RealGrid2 Guide
Drag And Drop
Row Drag & Drop

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;