This demo has an input field that filters data based on a custom search algorithm. Additionally custom grid renderers are defined to highlight search matches.
Note that search field has been added to the crud toolbar in the footer, but moved up using CSS.
In this example remote data is displayed in a personalized grid with custom filter and sort controls.
For filtering and ordering it uses vaadin-grid-filter and vaadin-grid-sorter helpers
that automatically add appropriate parameters to the dataProvider callback.
To edit an item by clicking on the entire row, listen to active-item-changed in the grid