Reorder Rows

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

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.