Filter paging toolbar will help users to filter the rows of grid. Users can select as target all or some of columns. It works with remote and local filtering. The code is pushed into one class (extension of the paging toolbar) to make the usage easier.

Configuration peropties:

filterItemWidth: 300,
filterOnType: true,
filterSplitButtonGlyph: ‘xf0b0@FontAwesome’,
filterSplitButtonText: “Filter”

Do not forget to set the ‘remoteFilter’ property of the store if you will need to filter all the data, not only the current page content. The filter paging toolbar works for Ext JS 6.5.3 – Classic Toolkit.