Merging multiple GridViews under virtualizing scrollviewer

[n/a]

This seems impossible to me, but let's see if someone has an idea how to manage the following situation:

<ScrollViewer>
   <StackPanel>
      <telerik:RadGridView />
      <telerik:RadGridView />
   </StackPanel>
</ScrollViewer>

 

Now if both GridViews contain alot of rows (lets say thousands...), the performance would be just horrible. What I obviously could do, is set the MaxHeight property for the GridViews to get the built in Virtualization working, but that would result in nested Scrollbars and in 2018 we just don't want that.

Any ideas?

[Dilyan Traykov]

Hello Petri,

When RadGridView is measured with Infinity, UI virtualization is turned off which results in degraded performance. This can happen when it is placed inside a control that measures its children with infinity, such as a ScrollViewer or a StackPanel.

What I can suggest is to replace the ScrollViewer and StackPanel with a Grid and define two RowDefinitions, with a Height of *, if you find such a setup applicable.

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="*" />
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <telerik:RadGridView />
    <telerik:RadGridView Grid.Row="1" />
</Grid>

If that is not the case, the only other suggestion I can offer is to set fixed heights as you've already done.

Regards,
Dilyan Traykov
Progress Telerik