DataGrid custom Column FilterTemplate

This page demonstrates how to define custom DataGrid column filter template.

In this demo ID uses RadzenNumeric, Customer and WorkStatus use multi-select RadzenDropDown, Hire Date uses RadzenDatePicker, and Title Of Courtesy uses a single-select dropdown with an "All" option for clearing filters.

Custom filtering template with IQueryable binding

ID
Customer
Hire Date
Leave Date
WorkStatus
WorkStatus (as Model)
Title Of Courtesy
0Vins et alcools Chevalier2026-11-152026-11-15OfficeOfficeMr
1Vins et alcools Chevalier2026-10-152026-12-15OfficeOfficeMr
2Vins et alcools Chevalier2026-09-152027-01-15OfficeOfficeMr
3Vins et alcools Chevalier2026-08-152027-02-15RemoteRemoteMr
4Vins et alcools Chevalier2026-07-152027-03-15RemoteRemoteMr
5Toms Spezialitäten2026-06-152027-04-15Office,RemoteOffice,RemoteMs
6Hanari Carnes2026-05-152027-05-15Office,RemoteOffice,RemoteMs
7Richter Supermarkt2026-04-152027-06-15Office,RemoteOffice,RemoteMs
8Wellington Importadora2026-03-152027-07-15Office,RemoteOffice,RemoteMs
9Centro comercial Moctezuma2026-02-152027-08-15Office,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

ID
Customer
Hire Date
Work Status
Title Of Courtesy
✨ 오늘의 명언 & 마음의 양식

“남들이 가보지 않은 길을 따라가서 자신만의 흔적을 남겨라.”

— 랄프 발도 에머슨 (시인, 철학자)

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 🗙