Hello, i use version 2.0.3 of GridHeaderFilters with Ext Js 3.3.1 and have the following problem in IE7 but not in FF3.5
When the window is too small to show the full width of the columns the width of the columns shrinks to show all of the table but not the filters, they are cut off by the next filter/column
See the attachment for an example.

Hide filters

Does anyone have an example of hiding the filters for the latest version of this plugin? I have a button to show/hide the filters and this works for that:
toggleFilters: function(bShow) {
for(fc in this.filterContainers) {
var container = this.filterContainers[fc];
if(bShow) {
container.show();
} else {
container.hide();
}
}

}

However, if I call toggleFilters to hide them when the grid is first rendered the above does not work. Any ideas on how to fix this issue? I tried adding doLayout and syncSize, still no luck.

Hide filters

Thanks for replying....
Adding a call to toggle the filters in the afterrender event only works if we add a 2 second delay. Something in the DOM is not be refreshed to hide the filters, if you view the filters using firebug the hidden attribute is true. Any more ideas?

listeners on combo

I got it working.
I need to launch a function when the value of a combobox as changed. I tried to use a listener on the combo without success (see code below). What is the right way to know when the value changed?