Use <vaadin-grid-filter-column>
for simple filtering. The column's path
property
is used as a pointer to the item sub-property that the items get filtered by.
For custom setup, a <vaadin-grid-filter>
element can be added to the column header
manually with a headerRenderer
.
NOTE: You must explicitly import the vaadin-grid-filter-column
or vaadin-grid-filter
in order to use them.
While filtering works with array data providers out-of-the-box, custom data providers need to hand pre-filtered data to the vaadin-grid.
Whenever the value of a vaadin-grid-filter changes, for example, when
a user types something, the dataProvider is asked for fresh data with
the filters
included as one of the request parameters.