Our example.
https://stackblitz.com/edit/react-ii68sw?embed=1&file=app/main.js
Issue 1.
We can’t expand our fields, because “process” function dosn’t support this flag.
Issue 2.
Broken scroll, when we group our tables. If we set rowHeight={0} - scroll works correct, but onPageChange callback return incorrect information about “skip”.
As a result, we want to see the solution that your team provided for angular. Is it possible?
https://www.telerik.com/kendo-angular-ui/components/grid/scroll-modes/#toc-using-virtualization-with-grouping
15 Answers, 1 is accepted
The developers' team is currently working on the integration between the grouping feature and virtualization.
We have an investigation if there is an approach to support it without the need to have all of the data loaded as in the Angular Grid.
I have created a public issue where the progress can be checked and tracked:
https://github.com/telerik/kendo-react/issues/122
Regards,
Stefan
Progress Telerik
Rank 1
Dear Stefan.
I can see that “Grouping with virtualization” feature - https://github.com/telerik/kendo-react/issues/122 was putted to roadmap on January.
Could you please clarify for us the following:
1. Could you tell us an approximate date when we can expect this functionality? It is important for us due planning our delivery.
2. Could you please tell how many records are you using in terms of testing for grouping with virtual scrolling. We are going to use it for several millions of records.
Regards,
Artem
Regarding both questions:
1) Setting a specific date could be misleading, as this is a complex feature. This is why we set the ETA for the next release even though we may be able to deliver it earlier.
2) We are testing with more than a million as well. As the virtualization is rendering only the records based on the pageSize, making a Grid with 1 million and with 50 million records will have the same performance.
Regards,
Stefan
Progress Telerik
Rank 1
Is there any update for our request?
We added this today in the development version.
Please take a look at it and share your feedback:
https://www.telerik.com/kendo-react-ui-develop/components/grid/grouping/grouping-virtual/
Regards,
Stefan
Progress Telerik
Rank 1
Hello Stefan,
These are great news! However, could you please explain what does "development version" mean? Does it mean it has not been tested to be put into a release version?
Best regards,
Iurii
The feature is already officially released( not only in develop):
https://www.telerik.com/kendo-react-ui/components/grid/grouping/grouping-virtual/
In general, the develop version means that the component has passed the official review. Still, some changes may occur before the original version is live, that is why we deploy it as develop for an additional test, and so the user can check it earlier instead of waiting if an important fix and feature are added.
Regards,
Stefan
Progress Telerik
Rank 1
In the latest kendo release feature "grid virtual scroll + grouping" was added.
https://www.telerik.com/kendo-react-ui/components/grid/grouping/grouping-virtual/
However there are still major open question which prevents us from using this feature:
1. Expand/collapse feature is not documented. Kendo include hidden items into dataset and after collapsing group shows an empty table. How we can use expand/collapse feature?
2. In example above: Scroll works incorrect. Scroll indicator has a big delay, and after scrolling to the bottom scroll doesn’t finish. Maybe example is inaccurate?
3. In example above: After removing grouping scroll works incorrectly and shows same data set after scroll. Maybe example is inaccurate?
Looking forward for your answers. Best regards,
Iurii
Regarding the questions:
1) The expand/collapse doe not work with virtualization. This would be possible only if there was a requirement of all data to be available to the grid which can lead to performance issue if millions of records have to be requested at once.
2) With the virtualization, the last item begins in the top of the last page, not at the bottom.
3) Not sure I understand your last question, some further details on how to replicate would be in help.
Regards,
Stefan
Progress Telerik
Rank 1
Unfortunately it doesn't work properly.
Hello, Iurii,
Yes, we can agree that the virtualization with grouping has issues and the team is working on them.
As it is a very complex issue, it is taking longer to fix as it has many specifics that have to be taken into account.
We will do our best to try to resolve it.
Regards,
Stefan
Progress Telerik
Rank 1
Update?
Hello, Leon,
As the team has made some updates to the virtualization is it possible to specify which is the current issue that you are facing.
This will help us to provide more relevant and to the point information.
Also, if you have tree data, please check our TreeList as well, as it works with data tree and has virtualization as well:
https://www.telerik.com/kendo-react-ui/components/treelist/virtualization/
Regards,
Stefan
Progress Telerik
Rank 1
Hello, Leon,
If the issue is with the Kendo UI for Angular, please posted in their forum, so the team can see it. This will also help other Kendo UI for Angular users as they will find it in the correct forum.
As far as I know, in the Kendo UI for Angular version, there is a requirement to have all data initially when using grouping with virtualization:
Regards,
Stefan
Progress Telerik