jQuery/javascript Grid drag and drop rows within a single grid

;

Rows in any grid can be rearranged by drag and drop.

This is done by:

turning on both dragModel and dropModel as shown in this example.
Drag handle are displayed in number cells by default (as in this example), they can also be displayed in other cells by dragModel.diDrag option.
dragModel.diHelper specifies the displayed columns in the draggable helper.
Default implementation of dropModel.drop moves the rows. You can override it to do custom action upon drop of rows.

First of all mutiple row selection is turned on or checkbox selection is turned on.

Then dragModel.dragNodes method is implemented to return array of selected or checked rows.