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
WorkStatus
WorkStatus (as Model)
Title Of Courtesy
 
 
 
 
0 Vins et alcools Chevalier 02/27/2024 Office Office Mr
1 Vins et alcools Chevalier 01/27/2024 Office Office Mr
2 Vins et alcools Chevalier 12/27/2023 Office Office Mr
3 Vins et alcools Chevalier 11/27/2023 Remote Remote Mr
4 Vins et alcools Chevalier 10/27/2023 Remote Remote Mr
5 Toms Spezialitäten 09/27/2023 Office,Remote Office,Remote Ms
6 Hanari Carnes 08/27/2023 Office,Remote Office,Remote Ms
7 Richter Supermarkt 07/27/2023 Office,Remote Office,Remote Ms
8 Wellington Importadora 06/27/2023 Office,Remote Office,Remote Ms
9 Centro comercial Moctezuma 05/27/2023 Office,Remote Office,Remote Ms

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

Custom filtering template with Custom Command

ID filter_alt
Customer filter_alt
Hire Date filter_alt
Work Status filter_alt
Title Of Courtesy filter_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
  • Fluent
  • Material 3 Dark
  • Material Dark
  • Fluent Dark

Free Themes

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