React Data Grid Row moving
Change the order of rows, either manually (dragging them to another location), or programmatically (using Handsontable's API methods).
To enable row moving, set the
manualRowMove option to
A draggable move handle appears above the selected row header. You can click and drag it to any location in the row header body.
Drag and move actions of
There are significant differences between the plugin's
moveRows API functions. Both of them change the order of rows, but they rely on different kinds of indexes. The differences between them are shown in the diagrams below.
dragRows method has a
dropIndex parameter, which points to where the elements are being dropped.
moveRows method has a
finalIndex parameter, which points to where the elements will be placed after the moving action -
finalIndex being the index of the first moved element.
moveRows function cannot perform some actions, e.g., more than one element can't be moved to the last position. In this scenario, the move will be cancelled. The Plugin's
isMovePossible API method and the
afterRowMove hooks help in determine such situations.