DataGrid custom Column FilterValueTemplate
This page demonstrates how to define custom DataGrid column filter value template. Unlike FilterTemplate, which will replace the entire filtering UI, FilterValueTemplate allows you to define custom filter UI only for filter value part and will keep the rest of the default filtering UI. For FilterMode.Advanced you can define also SecondFilterValueTemplate.
In this demo the DataGrid columns use FilterValueTemplate to customize only the filter input control while keeping the default operator selector and buttons, providing a balance between customization and consistency.
ID | Customer | Awards | Hire Date | WorkStatus | Title Of Courtesy |
|---|---|---|---|---|---|
| 0 | Vins et alcools Chevalier | award 1,award 2,award 3,award 4,award 5 | 10/30/2025 | Office | Mr |
| 1 | Vins et alcools Chevalier | award 1,award 2,award 3,award 4 | 09/30/2025 | Office | Mr |
| 2 | Vins et alcools Chevalier | award 1,award 2,award 3 | 08/30/2025 | Office | Mr |
| 3 | Vins et alcools Chevalier | award 1,award 2 | 07/30/2025 | Remote | Mr |
| 4 | Vins et alcools Chevalier | award 1 | 06/30/2025 | Remote | Mr |
| 5 | Toms Spezialitäten | award 1,award 2,award 3,award 4,award 5 | 05/30/2025 | Office,Remote | Ms |
| 6 | Hanari Carnes | award 1,award 2,award 3,award 4 | 04/30/2025 | Office,Remote | Ms |
| 7 | Richter Supermarkt | award 1,award 2,award 3 | 03/30/2025 | Office,Remote | Ms |
| 8 | Wellington Importadora | award 1,award 2 | 02/28/2025 | Office,Remote | Ms |
| 9 | Centro comercial Moctezuma | award 1 | 01/30/2025 | Office,Remote | Ms |
Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under
MIT