You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: components/grid/filtering.md
+9-7Lines changed: 9 additions & 7 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -25,7 +25,9 @@ You can filter more than one column at a time, and all filter rules will be appl
25
25
26
26
## Filter Row
27
27
28
-
The grid will render a row below the column headers with UI that you can use to fill in the filter criteria. You can click outside of the filter to execute the default operator, or click a button to choose a different filter operator (like "contains", "greater than" and so on).
28
+
The filter row is the default filter behavior of the grid. It corresponds to setting the `FilterMode` property of the grid to `Telerik.Blazor.FilterMode.FilterMenu`.
29
+
30
+
The grid will render a row below the column headers with UI that you can use to fill in the filter criteria. You can type in the input to execute the default operator as you type, or click a button to choose a different filter operator (like "contains", "greater than" and so on).
29
31
30
32
Once a filter is a applied to a column, a button will appear that lets you clear that filter.
31
33
@@ -76,17 +78,17 @@ Once a filter is a applied to a column, a button will appear that lets you clear
76
78
77
79
>caption The result from the code snippet above, before and after the user filled in a filter and clicked on the filter button
78
80
79
-

81
+

80
82
81
-

83
+

82
84
83
85
## Filter Menu
84
86
85
87
To use a filter menu, set the `FilterMode` property of the grid to `Telerik.Blazor.FilterMode.FilterMenu`.
86
88
87
89
The grid will render a button in the column header that you click to get a popup with filtering options. The popup lets you choose filter operator, filter criteria, to apply and clear the filter.
88
90
89
-
A key difference in the behavior is that the filter is now applied only upon a button click, not upon input change. This may improve performance if you use [manual CRUD operations]({%slug components/grid/manual-operations%}) by reducing the number of requests.
91
+
A key difference in the behavior from the [filter row](#filter-row)is that the filter is now applied only upon a button click, not upon input change. This may improve performance if you use [manual CRUD operations]({%slug components/grid/manual-operations%}) by reducing the number of requests.
90
92
91
93
>caption Filter Menu in Telerik Grid
92
94
@@ -136,11 +138,11 @@ A key difference in the behavior is that the filter is now applied only upon a b
136
138
137
139
>caption The result from the code snippet above, after the "Age" column has been filtered with <= 30 operator.
0 commit comments