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
 
 
 
 
0 Vins et alcools Chevalier 06/24/2024 06/24/2024 Office Office Mr
1 Vins et alcools Chevalier 05/24/2024 07/24/2024 Office Office Mr
2 Vins et alcools Chevalier 04/24/2024 08/24/2024 Office Office Mr
3 Vins et alcools Chevalier 03/24/2024 09/24/2024 Remote Remote Mr
4 Vins et alcools Chevalier 02/24/2024 10/24/2024 Remote Remote Mr
5 Toms Spezialitäten 01/24/2024 11/24/2024 Office,Remote Office,Remote Ms
6 Hanari Carnes 12/24/2023 12/24/2024 Office,Remote Office,Remote Ms
7 Richter Supermarkt 11/24/2023 01/24/2025 Office,Remote Office,Remote Ms
8 Wellington Importadora 10/24/2023 02/24/2025 Office,Remote Office,Remote Ms
9 Centro comercial Moctezuma 09/24/2023 03/24/2025 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 🗙