I have a RadzenDataGrid with custom column filter popup, in which I want to allow users to filter DataGrid rows by choosing from a list of distinct column values. I use RadzenDataGrid to display that list of distinct values. Inner DataGrid's filter popups provide filtering for the list of distinct values. The problem is that when I open the inner DataGrid's filter popup and try to scroll through the inner DataGrid, the top-level filter popup closes. Please see provided code example and screenshot for additional details.
<RadzenDataGrid TItem="DataRow" AllowFiltering="true" FilterMode="FilterMode.Advanced">
<Columns>
<RadzenDataGridColumn TItem="DataRow">
<FilterTemplate>
<RadzenDataGrid TItem="FilterRow" Data="filter" AllowFiltering="true" FilterMode="FilterMode.Advanced"
Style="height: 300px">
<Columns>
<RadzenDataGridColumn TItem="FilterRow" Property="Value" />
</Columns>
</RadzenDataGrid>
</FilterTemplate>
</RadzenDataGridColumn>
</Columns>
</RadzenDataGrid>
@code {
List<FilterRow> filter = Enumerable.Range(0, 100).Select(x => new FilterRow { Value = x.ToString() }).ToList();
public class DataRow
{
}
public class FilterRow
{
public string Value { get; set; }
}
}