0

I am trying to copy the data from one kendo grid to another using drag and drop html5 events[https://www.w3schools.com/html/html5_draganddrop.asp]. When I try to ev.target.appendChild(document.getElementById(data)); , I get the error that data is not the type of node. I want that the data to be dropped must overlap over existing data in the drop zone. So how should I achieve the same?

Here's the stackblitz link: https://stackblitz.com/edit/angular-d3jkhn?file=app/app.component.ts

testacc
  • 135
  • 2
  • 12
  • take a look to angular material drag and drop component it was added in the version number 7 https://material.angular.io/cdk/drag-drop/overview – Abel Valdez Aug 20 '19 at 17:46

1 Answers1

0

I recommend you using this one from Angular Material

Hope this help you out a bit.

Drag and Drop

Edgar
  • 6,022
  • 8
  • 33
  • 66
mtorreblanca
  • 371
  • 1
  • 4
  • 14
  • 1
    I tried angular material but while dropping an item over existing item, the below item shifts which doesn't allow me to drop over it – testacc Aug 21 '19 at 01:02