ExtJS propertygrid resizable columns?

Question

I want the users to be able to resize the Value column of my property grid but no luck with the settings. Tried all kinds of grid column properties that came to my mind like:

fixed: false,
resizable: true

- they don't work. Googled but didn't find anything related to my issue. I'm only able to resize it programatically with this code in the afterrender listener:

this.columns[0].setWidth(160);

Answer 1

The correct config for this would appear to be enableColumnResize: true, but in my brief testing it does not appear to change the behavior. In fact, that config is documented as defaulting to true, which would imply that it's not working by default. I think this might be a bug in Ext, so you might want to follow up in the Sencha forums if you can't get it to work.

Answer 2

Try using this one. This works for me:

Ext.require('Ext.grid.property.HeaderContainer', function(){
    Ext.override(Ext.grid.property.HeaderContainer, {
        constructor: function() {
            //enable resizing
            this.enableColumnResize = true;
            this.callParent(arguments);
        }
    });
});