KendoReact - Data Grid Row Re-order is not working for live updates.

[Fareed]

Greetings!

I am using the Kendo-React data grid for live updates. However, I am facing an issue where duplications of rows occur inside the grid when trying to reorder a row by drag and drop. It works fine for static data but doesn't work for live updates. Can someone help me understand why this is happening?

 

I just used the same code mentioned in the below documentation.

https://www.telerik.com/kendo-react-ui/components/grid/rows/row-reordering/

 

Any assistance would be appreciated.


Regards,
Fareed Alam

[Konstantin Dikov]

Hello Fareed,

The KendoReact Grid will display the data set to its "data" property, so you need to ensure that the data is correct and there are no duplicates. Additionally, since the drag & drop logic relies on the existing items, you need to ensure that no updates occur during the dragging. Finally, since example that you have linked is updating a static collection, you might have to modify the logic that sets the order of the items, especially if the live updates are updating all rows at a time. 

However, if further assistance is needed, please create a stackblitz example with your current implementation so we can test and debug it locally.

 

Regards,
Konstantin Dikov
Progress Telerik