Dragging and Dropping Rows between Grids

Environment

Product

Progress® Kendo UI for Angular Grid

Description

How can I drag and drop rows between two Kendo Angular Grids?

Solution

By default, the Grid does not provide a built-in drag-and-drop functionality. However, you can utilize the HTML Drag and Drop API to accomplish similar behavior.

The following example demonstrates the full implementation of the suggested approach.

Example

View Source

Edit In Stackblitz

Change Theme:

Is this article helpful?

Thank you for your feedback!

Getting Started

Support Resources

Community

Telerik and Kendo UI are part of Progress product portfolio. Progress is the leading provider of application development and digital experience technologies.

Copyright © 2022, Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved. Progress, Telerik, Ipswitch, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. See Trademarks for appropriate markings.

DO NOT SELL MY PERSONAL INFORMATION