Drag and drop rows between two DataGrids
Use RowRender event to add custom logic for drag and drop rows between two DataGrid components.
In this demo two side-by-side Employee grids (source starts with all employees, target starts empty) use RowRender with drag events and ObservableCollection to move employees between grids by dragging rows across boundaries.
ID | Photo | First Namefilter_alt | Last Namefilter_alt | Job Titlefilter_alt | Titlefilter_alt | Birth Datefilter_alt | Hire Datefilter_alt | Addressfilter_alt | Cityfilter_alt | Regionfilter_alt | Postal Codefilter_alt | Countryfilter_alt | Home Phonefilter_alt | Extensionfilter_alt | Notesfilter_alt |
|---|
ID | Photo | First Namefilter_alt | Last Namefilter_alt | Job Titlefilter_alt | Titlefilter_alt | Birth Datefilter_alt | Hire Datefilter_alt | Addressfilter_alt | Cityfilter_alt | Regionfilter_alt | Postal Codefilter_alt | Countryfilter_alt | Home Phonefilter_alt | Extensionfilter_alt | Notesfilter_alt |
|---|
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT