Last Updated: 11 Nov 2021 18:16 by Kenn.
Created on: 08 Oct 2020 14:32
Category: UI for Blazor
Type: Feature Request
Drag and drop items in the Grid
 I would like to request drag and drop functionality for the Blazor Grid so that rows can be moved up or down with smooth animations. When virtual scrolling is enabled, and a row is dragged to the top or bottom of the grid, the grid should scroll to allow dropping the row to a location that was not initially in the viewport. Also, there should be all the standard drag and drop events that fire when starting, dragging, and dropping a row. Lastly, the drag handle icon should be customizable.

I currently have this functionality in an Angular application using ag-grid, but would like to rewrite the application using Blazor. The only limitation I have run into is this missing functionality in any Blazor grid. Even ag-grid falls short when it comes to nice animations. Here is an example of the animations and scrolling that I would like to have in a grid: https://autodesk.github.io/react-base-table/examples/draggable-rows.

The application is easiestbudget.com.

I hope I'm not the first person to request these features, and I would be delighted to see them in a future version of your Blazor grid.
This item is a duplicate of an already existing item. You can find the original item here:
Posted on: 11 Nov 2021 18:16
My mistake, it's already implemented ;)
Posted on: 11 Nov 2021 18:14
This is NOT a duplicate of the mentioned ticket, as the refrenced ticket is about drag and drop grouping, not drag and drop ordering. I would like to see drag and drop row ordering in a grid also.
Marin Bratanov
Posted on: 08 Oct 2020 15:38

Hello James,

You can Follow the implementation of such a feature in the original request for it here: https://feedback.telerik.com/blazor/1488666-row-drag-and-drop-in-the-grid. I've added your Vote to it to raise its priority, and I am marking this one as a duplicate to keep the portal tidy.


Marin Bratanov
Progress Telerik

Five days of Blazor, Angular, React, and Xamarin experts live-coding on twitch.tv/CodeItLive, special prizes, and more, for FREE?! Register now for DevReach 2.0(20).