Completed
Last Updated: 27 Apr 2021 10:36 by ADMIN
Imported User
Created on: 01 May 2018 10:23
Type: Feature Request
5
[Grid] Grid cells being re mounted instead of re rendered on any data array change
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.
3 comments
ADMIN
Stefan
Posted on: 27 Apr 2021 10:36

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/.

ADMIN
Vasil
Posted on: 03 May 2018 06:20
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.
Imported User
Posted on: 01 May 2018 10:25
the same thing with detail component