I have grid with 1000 items. On every small change to my models, like selection or expand, I am getting every table cells being re-mounted, instead of re-rendered (imagine how many of them is currently with 1000 rows). I have tried to use shouldComponentUpdate to optimize my rendering, but grid component just removes old cell and mounts new one, instead of rerender.
Hello,
We have the dataItemKey prop since version 4.5.0 that we resolve this as it will update the row only when the id is changed:
https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-dataitemkey
Regards,
Stefan
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/.
Mounting and un-mounting for rows and cells will happen only for new or removed data items. If you experience such an issue please check if you are not setting empty array as data to your grid between your data operations.
the same thing with detail component