DataGridColumn with DropDown, filter not working

Radzen.Blazor Components
1

I have a Color class. I have a DataGrid with a column of color. The background color of each dropdown item is the color. Everything works except filtering. When I type in the search, nothing is filtered. I have other columns that don't have the and they work fine. Can you tell what I am doing wrong with this little snip?

public class Color
{
public class ColorItem
{
public string? Name;
public string? Hex;
}

  public static List<ColorItem> Colors = new List<ColorItem>();

  static Color()
  {
      // list is populated.
  }

}

  <RadzenDataGridColumn TItem="ParticipantViewModel" Property="pColorItem" Title="Color" Context="item" MinWidth="200px" >
     <EditTemplate Context="item">
           <RadzenDropDown Context="item2" @bind-Value="item.pColorItem" AllowFiltering="true" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive"  Data=@Colors TItem="Color.ColorItem" TextProperty="Name" LoadData=@LoadColorData Change="@OnColorChange" AllowClear="true" Placeholder="Select color" Style="width: 100%; max-width: 400px;">
           <Template>
              <div style='background-color: @item2.Hex'>@item2.Name</div>
           </Template>
        </RadzenDropDown>
     </EditTemplate>
  </RadzenDataGridColumn>
2

TextProperty should be name of a property while in your case it is field:

3

I found the issue, it seems that if I have a LoadData event handler on the DropDown, it doesn't filter. My LoadData was also empty; didn't do anything. But just having it caused the filter to not work.

4

When you have LoadData filtering is up to you. Check our demos for reference.