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 Chevalier12/06/202412/06/2024OfficeOfficeMr
1Vins et alcools Chevalier11/06/202401/06/2025OfficeOfficeMr
2Vins et alcools Chevalier10/06/202402/06/2025OfficeOfficeMr
3Vins et alcools Chevalier09/06/202403/06/2025RemoteRemoteMr
4Vins et alcools Chevalier08/06/202404/06/2025RemoteRemoteMr
5Toms Spezialitäten07/06/202405/06/2025Office,RemoteOffice,RemoteMs
6Hanari Carnes06/06/202406/06/2025Office,RemoteOffice,RemoteMs
7Richter Supermarkt05/06/202407/06/2025Office,RemoteOffice,RemoteMs
8Wellington Importadora04/06/202408/06/2025Office,RemoteOffice,RemoteMs
9Centro comercial Moctezuma03/06/202409/06/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

Whether you prefer a standalone environment or integration directly within Visual Studio, Radzen provides a powerful toolkit to increase development speed, reduce repetitive coding, and focus on building exceptional applications.

Pro

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.

Learn More
New

Radzen Blazor for Visual Studio

Radzen Blazor for Visual Studio extension streamlines Blazor development within the Visual Studio environment. The Blazor extension you need to boost productivity!

>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 🗙