It would be great to have a TreeList component similar in appearance and behavior to the jQuery TreeList (https://demos.telerik.com/kendo-ui/treelist/index), but with the kind of support for virtual scrolling built into the native KendoReact Grid component.
A React wrapper exists for the jQuery TreeList, but it still doesn't play nicely with React, and in any case only supports paging for displaying large data sets, which is inherently not intuitive for displaying tree structures where parent / child hierarchies might span multiple pages.
My sense is this native component would basically be the Grid, but with support for hierarchical data, including drag-and-drop re-ordering of parent / child relationships.
Thanks for considering this feature.
Hello, Itiel,
I made the same changes, but the horizontal scrolling worked as expected on my end. Is it possible to share a video showcasing the issue, so we can observe for specific detail?
As for the expanding, this is expected in the example as all sub-items are the same and the expand logic treats them as the same item. In a real application, where the sub-items are actually different this will not occur.
Regards,
Stefan
Progress Telerik
"In terms of virtualization we have added column virtualization, which certainly helps out with large data sets. We have a few folks that have put the component in some high-stress scenarios and have reported back great results in terms of performance, so the component is in a good spot from this perspective!"
So I opened the first example at column virtualization in stackblitz.
I changed numberOfColumns from 100 to 25, that's enough for us by now.
I also changed numberOfRows from 7 to 1000.Vertical scroll worked great! even when I increased number of rows to 2000, 4000, and so on.
But horizontal scroll got stuck all the time.I also noticed one more issue: I have added more than one sub-level to each of those 1000 rows, and expanding started acting strange: after expanding the 1st item all the way down, one click at the 2nd item expanded it all the way down too.
Another update here!
With the latest release (3.10.0) the KendoReact TreeList component is in a great spot and includes a large set of the features already found in the KendoReact Grid.
In terms of virtualization we have added column virtualization, which certainly helps out with large data sets. We have a few folks that have put the component in some high-stress scenarios and have reported back great results in terms of performance, so the component is in a good spot from this perspective! We do not have row virtualization at this point, as this is a pretty tricky thing to do with hierarchical data and will probably require a server-side implementation to assist. We are actively investigating what can be done here, but I would recommend a specific feedback item for row virtualization if this is needed, just to ensure that everyone can easily keep track.
I'll go ahead and mark this particular item as complete since a) the TreeList has been released b) it has caught up with a lot of features to the Grid and c) we have added in virtualization where currently possible. If there are other features or performance-related items that folks find missing after working with this latest version I would definitely encourage opening up a new feedback portal item for the specific items!
Regards,
Carl
Progress Telerik
Hey folks!
I'm excited to update this thread to include a link to the brand new KendoReact TreeList component! While we do not have virtual scrolling at the time of this post, you do have the ability to load node levels as they are expanded (on demand) and we do have quite a lot of features added already. We will continue to evolve this component over the next couple of months and I'll mark this item as "in development" until we can fulfill the entire initial request.
In the meantime, feel free to provide feedback on the current implementation!
Regards,
Carl
Progress Telerik