Add a column filter with an operator menu to a Blazor DataGrid - a filter box in each header plus a dropdown to choose how to match: contains, equals, starts with, greater than, and more.
Order ID | Customer | Employee | Order Date | Required Date | Shipped Date | Ship Name | Ship Country |
|---|---|---|---|---|---|---|---|
| 10248 | Vins et alcools Chevalier | 07/04/2023 | 08/01/2023 | 07/16/2023 | Vins et alcools Chevalier | France | |
| 10249 | Toms Spezialitäten | 07/05/2023 | 08/16/2023 | 07/10/2023 | Toms Spezialitäten | Germany | |
| 10250 | Hanari Carnes | 07/08/2023 | 08/05/2023 | 07/12/2023 | Hanari Carnes | Brazil | |
| 10251 | Victuailles en stock | 07/08/2023 | 08/05/2023 | 07/15/2023 | Victuailles en stock | France | |
| 10252 | Suprêmes délices | 07/09/2023 | 08/06/2023 | 07/11/2023 | Suprêmes délices | Brazil |
Set FilterMode to SimpleWithMenu; each column shows a filter input and a menu where users choose the operator (contains, equals, greater than, and more).
Radzen Blazor Components, © 2018-2026 Radzen.
Source Code licensed under
MIT