The Grid should support hierarchy with Virtual Scrolling

Nemo

Posted on: 17 Nov 2021 16:01

Please add this feature, this will help us deliver a superior grid experience for our users. When loading medium/large data sets, users are typically grouping rows for better readability. Without grouping/hierarchy support for virtual rows it is hard for users to infer the data. E.g. We display all the options for a stock in a grid, this grid can have anywhere from 500 to 5000 rows. With virtualization enabled users can scroll through the list of options quite easily which is nice. But they always group options by their expiry date, that's just the way options traders look at the option chain. Here without virtualization for group rows, it makes it hard to navigate/scroll the grid if the there are more than 1000 options. Hope you can prioritize this feature in the near future. Thank you!

ADMIN

Marin Bratanov

Posted on: 31 Mar 2021 06:58

Hi Christian,

The best way to know when a feature gets implemented is to click the Follow button on its portal page (this page we're posting in right now).

Generally speaking, when something gets done depends on its priority in our backlog. That priority is determined by many factors that our management uses, and among them is the popularity of the request with our customer base. This particular one is not very popular and thus, at this point, I find it unlikely that it will be implemented soon. Considering that many things can change quickly in the dynamic landscape we are working on, I simply cannot say when something will get done. We have a short-term roadmap that is available here, and items from it are already marked here in the portal with their corresponding releases.

Regards,
Marin Bratanov
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.

Christian

Posted on: 31 Mar 2021 06:49

Hi Marin,

thank you very much for this example! We don't need the virtual scrolling right away - but it would be good to have a roughly estimated timeframe when (or even IF) this feature is implemented - we have over 100 Grids in our application which we would have to adapt if the virtual scrolling isn't implemented at some point..

Best Regards,

Christian

ADMIN

Marin Bratanov

Posted on: 30 Mar 2021 17:53

Hello Christian,

At the moment, the closest idea I can offer is using a tooltip for a column in the beginning of the grid that has the plus icon.

I've modified this example to showcase the idea and I am attaching it to the end of this post, here is how it would look:

Regards,
Marin Bratanov
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/.

Attached Files:

in-grid.zip

Christian

Posted on: 30 Mar 2021 15:26

Thanks for your suggestion regarding the window popup - but we need to show the data as a "row detail" to keep the UI fluent (we are migrating our Silverlight application and our customers would not accept such a change).

Data loading on demand is no issue -> the "detail data" is small, so it wouldn't benefit to load this on demand - it's only about potentially many rows to be loaded and the Grid slowing down because of no virtualization at the moment.

Best Regards,

Christian

ADMIN

Marin Bratanov

Posted on: 30 Mar 2021 14:45

Thank you for posting your idea, Christian. Personally, I was thinking that if that combination of features were possible, this would be the way it could be implemented.

In the meantime, I can suggest you consider showing details for the row in a window popup or in a tooltip. Both make it very easy to load that data on demand too so you don't have to pull it on the initial load.

Regards,
Marin Bratanov
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/.

Christian

Posted on: 30 Mar 2021 14:24

To clarify: The "DetailTemplate" should get a "DetailHeight" property which has to be set in pixels (see RowHeight of Grid) - then the Grid should know all the needed sizes to be able to provide virtual scrolling.