• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Drag and Drop in ASP.NET Core Data Grid Control

This sample demonstrates the Grid component with the row drag and drop feature. Drag and drop rows between Grids to move rows.

DEMO
SOURCE

Grid rows can be dragged and dropped to another Grid or custom controlled by enabling allowRowDragAndDrop Grid property. The target control on which the Grid rows has to be dropped can be set by using rowDropSettings->targetID.

The Selection feature should be enabled to select the rows. Multiple rows can be selected by simply clicking and dragging inside the Grid.

In this demo, we have demonstrated how to drag and drop the rows between Grids. Row drag and drop feature is enabled in both the Grids. To drag and drop rows between Grids select rows, drag and drop them in the adjacent Grid.

Transform your ASP.NET Core web apps today with Syncfusion ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab