How to enable grid filtering?

Posted on in Ext JS 5 & 6 Questions

The grid is data-aware, so filtering happens on the store.

grid.getStore().addFilter({
    property: 'first',
    value: form.getValue()
});

But you can also use the plugin: gridfilters to your grid. (Ext.grid.filters.Filters)
It will highlight the column header of the filtered column. First you will need to set a filter on the column, and then you can programmatically filter it:

var column = grid.columnManager.getColumns()[0];
column.filter.setValue(form.getValue());

Please see this example:
https://fiddle.sencha.com/#fiddle/hth