Under Review
Last Updated: 21 Feb 2022 14:19 by ADMIN
Aliaksandr
Created on: 18 Feb 2022 14:32
Type: Bug Report
0
The data is blinking when the grid control is grouped and scrolled to the end

Hello,

Our team has an issue with KendoReact Data Grid Control https://www.telerik.com/kendo-react-ui/components/grid/

Data disappears when the user groups the grid by any column and scrolls down to the end. 

When the user scrolls up a bit from the bottom of the grid data blinks.
TreeList control doesn't look to be a good alternative in our case, because we need a grid with group, filter and sort functionality. Grid should work with thousands of records. Customer requires virtual scroll (paging can’t be used).

This issue can be reproduced when the grid has groupable option enabled. 

Virtual scroll works as expected when groupable is set to false.

Stackblitz example:https://stackblitz.com/edit/react-g7rdjm?file=app%2Fmain.tsx

Can you please point us to the solution?

1 comment
ADMIN
Stefan
Posted on: 21 Feb 2022 14:19

Hello,

This is an old known issue and I can suggest checking this item for more details:

https://github.com/telerik/kendo-react/issues/188

The main part comes from the fact that because of the grouping we have no way of predicting the height of the Grid and this is visible at the end.

The TreeList can also show grouped items, that has to sort and filtering:

https://stackblitz.com/edit/react-8ocezf-ocpqrv?file=app%2Fmain.jsx

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.