Radzen Blazor Components

DataGrid custom Column FilterTemplate

This page demonstrates how to define custom DataGrid column filter template.

Custom filtering template with IQueryable binding

ID
Customer
Hire Date
Leave Date
WorkStatus
WorkStatus (as Model)
Title Of Courtesy
 
 
 
 
0Vins et alcools Chevalier07/27/202407/27/2024OfficeOfficeMr
1Vins et alcools Chevalier06/27/202408/27/2024OfficeOfficeMr
2Vins et alcools Chevalier05/27/202409/27/2024OfficeOfficeMr
3Vins et alcools Chevalier04/27/202410/27/2024RemoteRemoteMr
4Vins et alcools Chevalier03/27/202411/27/2024RemoteRemoteMr
5Toms Spezialitäten02/27/202412/27/2024Office,RemoteOffice,RemoteMs
6Hanari Carnes01/27/202401/27/2025Office,RemoteOffice,RemoteMs
7Richter Supermarkt12/27/202302/27/2025Office,RemoteOffice,RemoteMs
8Wellington Importadora11/27/202303/27/2025Office,RemoteOffice,RemoteMs
9Centro comercial Moctezuma10/27/202304/27/2025Office,RemoteOffice,RemoteMs

This page demonstrates how to use a Custom Command (FilterOperator.Custom) in a custom DataGrid column filter template.

Custom filtering template with Custom Command

IDfilter_alt
Customerfilter_alt
Hire Datefilter_alt
Work Statusfilter_alt
Title Of Courtesyfilter_alt

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙