Reorder Rows

   
Subject Status Created Fixed Priority
Accounting System: MasterView
Fixed
7/1/20047/10/2004
Low
Web Edition: Data Entry Page
Postponed
12/4/200312/5/2003
Low
Payables Due Calculator
Fixed
7/11/20047/23/2004
Low
Web Edition: Search Page
New
3/31/20048/9/2004
Medium
Main Menu: Duplicate Items
Fixed
7/27/20047/10/2004
High
Receivables Calculator
New
4/3/20048/11/2004
Low
Ledger: Inconsistency
Fixed
6/6/20047/4/2004
Medium
Receivables Printing
New
7/4/20048/10/2004
Medium
Screen Redraw
New
6/26/20048/18/2004
Medium
Email System
Fixed
11/5/20031/27/2004
Low
Adding New Vendors Fails
New
5/20/20048/16/2004
Medium
History
Postponed
3/14/20048/10/2004
Low
Main Menu: Add a File menu
New
10/10/20038/8/2004
Medium
Currency Mask
New
4/3/20048/21/2004
Low
Drag & Drop
New
2/7/20048/25/2004
Low
Data Import
New
5/15/20048/15/2004
Low
Reports
New
3/13/20048/16/2004
Low
Data Archiving
New
1/9/2004 
Low
New Users
Rejected
2/22/2004 
Low
Email Attachments
New
7/14/20048/2/2004
Low
Data grid with 34 rows and 5 columns
0 rows are selected

This demo highlights the row re-ordering capabilities of the DevExpress Blazor Grid.

When you activate the AllowDragRows option, our Blazor Grid component renders a drag handle for each data row. When a user starts a drag operation, the drag hint displays row information on screen. Use the DragHintTextTemplate to display a custom message within the drag hint.

The ItemsDropped event fires when users drop rows onto the Grid (AllowedDropTarget). In the event handler, update the data source: insert rows at the drop position and remove them from the initial position, if required.