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 Chevalier10/22/202410/22/2024OfficeOfficeMr
1Vins et alcools Chevalier09/22/202411/22/2024OfficeOfficeMr
2Vins et alcools Chevalier08/22/202412/22/2024OfficeOfficeMr
3Vins et alcools Chevalier07/22/202401/22/2025RemoteRemoteMr
4Vins et alcools Chevalier06/22/202402/22/2025RemoteRemoteMr
5Toms Spezialitäten05/22/202403/22/2025Office,RemoteOffice,RemoteMs
6Hanari Carnes04/22/202404/22/2025Office,RemoteOffice,RemoteMs
7Richter Supermarkt03/22/202405/22/2025Office,RemoteOffice,RemoteMs
8Wellington Importadora02/22/202406/22/2025Office,RemoteOffice,RemoteMs
9Centro comercial Moctezuma01/22/202407/22/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 🗙