Warnings in your examples for re-ordering Grid rows

1 Answer 57 Views
Drag and Drop Grid
Bernd
Top achievements
Rank 5
Bronze
Bronze
Iron
Bernd asked on 23 Aug 2022, 09:05 AM

Hi.

If I use your example for re-ordering grid rows by drag&drop, there are a lot of console warnings showing up:

https://stackblitz.com/run/?file=app%2Fdraggable-row.tsx

I think the issue results from the file drag-handle-cell.tsx where there is a td tag just adding the ...props as attributes which doesn't seem to result in valid HTML.

I'm not sure if this has an impact on the re-ordering because if I simply delete the ...props from the td, it still seems to work. Can you please check and let me know if it's ok to remove the ...props from the td?

Thanks,

Greetings,

Bernd

1 Answer, 1 is accepted

Sort by
1
Accepted
Konstantin Dikov
Telerik team
answered on 25 Aug 2022, 08:35 AM

Hello Bernd,

Thank you for reaching out to us.

Indeed, adding the "props" to the TD element is what causes the problem, because it contains data that should not be added as attributes. Removing the {...props} resolves the problem, even though some of the attributes might be required for more complex scenarios, but for the simple Grid configuration this should work.

I will have to make further tests and see which attributes should be added in the demo and change it accordingly.

 

Regards,
Konstantin Dikov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Drag and Drop Grid
Asked by
Bernd
Top achievements
Rank 5
Bronze
Bronze
Iron
Answers by
Konstantin Dikov
Telerik team
Share this question
or