Serious Grid virtualization issues
Hi,
I am having a number of serious issues with grid virtualization (minimal repro code and image of problem provided):
- When I turn grid virtualization on and grid column virtualization on columns do not display correctly. i.e. some columns are not displayed, and the data does not line up with the headers (see image) This does not happen when turned off.
- With virtualization on, I get 2 scrollbars (see image). This does not happen when turned off.
Repro code:
@page "/"
@using Syncfusion.Blazor.Popups
@using System.Dynamic
@using Syncfusion.Blazor.Grids
<style>
.flex-1 {
flex: 1;
}
.flex-1-overflow {
flex: 1;
overflow: auto;
}
</style>
@{
var data = new List<ExpandoObject>();
for (var i = 0; i < 100; i++)
{
dynamic item = new ExpandoObject();
item.Index = i;
item.Name = "Hello";
item.Value = 3.14 * i;
data.Add(item);
}
}
<SfDialog Width="500px" Height="400px" IsModal="true">
<DialogTemplates>
<Header>Grid</Header>
<Content>
<div class="d-flex flex-column h-100">
<div>Some text</div>
<div class="flex-1-overflow">
<SfGrid
Height="100%"
Width="100%"
EnableVirtualization="true"
EnableColumnVirtualization="true"
TValue="ExpandoObject"
DataSource=@data>
<GridColumns>
<GridColumn Field="Index" Width="75" />
<GridColumn Field="Name" Width="75" />
<GridColumn Field="Value" Width="75" />
</GridColumns>
</SfGrid>
</div>
</div>
</Content>
</DialogTemplates>
<DialogButtons>
<DialogButton Content = "Close" IsPrimary = "false" />
</DialogButtons>
</SfDialog>
