I am unable to find the source of the problem. Changing the column size or clicking on the row expansion triggers reordering of the records and the grid has strange behavior.
Has anyone ever experienced this? I am in need of help from the Radzen community !!!
Your column resizing is messed up because you're setting the default ColumnWidth to 200px. This property is used to calculate the column widths when dragging its borders.
Changing it to auto will fix your problem.
Regarding your line expansion problem, you're probably not binding the filtered data to the DataGrid, which is then overwritten when expanding the row. I don't use row expansion at the moment, but this is how I apply custom filtering to grids:
When we switch to 'Data="@itemList" it works again.
But, then we don't have an alternative to use FilterTemplate
<RadzenGridColumn TItem="Entidade" Property="Situacao" Title="Situação">
<Template Context="data">
@Tools.GetDisplayName(data.Situacao)
</Template>
<FilterTemplate>
<RadzenDropDown AllowClear="true" @bind-Value="@situacaoSel" Style="width:100%" TextProperty="Text" ValueProperty="Value"
Data="@(Enum.GetValues(typeof(SituacaoEnum)).Cast<SituacaoEnum>().Select(t => new { Text = $"{Tools.GetDisplayName(t)}", Value = t }))" />
</FilterTemplate>
</RadzenGridColumn>
Demo Radzen Blazor
That is the problem. Line expansion with the FilterTamplate model suggested in the examples generates instability in the grid.
How then to share the functionality of line expansion, persistence of filter parameters, advanced filter, etc. with 'enum' columns that require Template and FilterTemplate?
<RadzenGridColumn TItem="Entidade" Property="Situacao" Title="Situação">
<Template Context="data">
@Tools.GetDisplayName(data.Situacao)
</Template>
<FilterTemplate>
<RadzenDropDown AllowClear="true" @bind-Value="@situacaoSel" Style="width:100%" TextProperty="Text" ValueProperty="Value"
Data="@(Enum.GetValues(typeof(SituacaoEnum)).Cast<SituacaoEnum>().Select(t => new { Text = $"{Tools.GetDisplayName(t)}", Value = t }))" />
</FilterTemplate>
</RadzenGridColumn>