Horizontal Scrollbar won't work properly in EditorGridPanel

[zakif]

I have problem with EditorGridPanel. The Horizontal scrollbar is appear, but the fixed height (400) is not appear correctly. Therefore, there is a big space between the last row of the grid and the horizontal scroll bar.

If I use autoHeight, the horizontal scrolbar get disappeared.

Here is the code:

        var item_grid = new Ext.grid.EditorGridPanel({
            layout:'fit',
            frame:true,
            border: false,
            closable : true,
            title: 'List of Properties',
            plugins: checkColumn,
            height: 400,
            autoWidth:true,
            autoScroll: true,
            enableColumnMove: false,
            store: item_store,
            clicksToEdit: 1,

How to fix that? Any advice and solution is really really appreciated.

Thanks in advance.

[scottmartin]

Can you post an image of what you are seeing, as I cannot duplicate your description.

Here is a basic setup:

Ext.onReady(function() {
    var myGrid = new Ext.grid.EditorGridPanel({
        store: store,
        cm: cm, // columns
        loadMask: true,
        height: 200,
        autoWidth:true,
        frame: true,
        renderTo: Ext.getBody(),
        viewConfig: {
        // forceFit: true // force columns to span grid
        }
    });
});

You should not place layout,closable,autoScroll in the config unless you are using a panel that contains other items where you need to control their layout.

Regards,
Scott.