Make filters appear above column ExtJs 4.1.3

Question

I have filters activated on each column in this ExtJs panel grid that appear as drop downs for each column. Is there a way to make them appear automatically above each corresponding column?

Desired outcome

fiddle

Not sure what axectly you want? Show filtering options for all columns on click on any column header? — Sergey Novikov, Jul 26 '17 at 16:42
@SergeyNovikov I added a more clarifying picture. I'd like the filter input to appear above each column — PT_C, Jul 26 '17 at 16:46

score 1 · Accepted Answer · answered Jul 26 '17 at 17:16

Some ideas here: ExtJs - Filter a grid with a search field in the column header

Basically you can add a text field as a sub component in the items of a column config. In that linked example they use Ext.form.field.Trigger.

Then add a listener on that field for whatever event you want to trigger the filter. In your handler, get a reference to the store and manually filter it as needed based on the text field input.

Make filters appear above column ExtJs 4.1.3

1 Answers1