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 Chevalier09/08/202409/08/2024OfficeOfficeMr
1Vins et alcools Chevalier08/08/202410/08/2024OfficeOfficeMr
2Vins et alcools Chevalier07/08/202411/08/2024OfficeOfficeMr
3Vins et alcools Chevalier06/08/202412/08/2024RemoteRemoteMr
4Vins et alcools Chevalier05/08/202401/08/2025RemoteRemoteMr
5Toms Spezialitäten04/08/202402/08/2025Office,RemoteOffice,RemoteMs
6Hanari Carnes03/08/202403/08/2025Office,RemoteOffice,RemoteMs
7Richter Supermarkt02/08/202404/08/2025Office,RemoteOffice,RemoteMs
8Wellington Importadora01/08/202405/08/2025Office,RemoteOffice,RemoteMs
9Centro comercial Moctezuma12/08/202306/08/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 🗙