grid layout bug - with forceFit:true AND rownumberer maxWidth < 40

**Webtel** · 15 Dec 2011 11:29 PM

BUG: when rownumberer maxWidth is less than 40 (20 in this case) grid layout is bugged. Columns dont match headres.

TO REPRODUCE:
- goto : http://docs.sencha.com/ext-js/4-0/#
- open firebug (firefox/chrome)
- paste following code in the console
- run it
- TADA!
extjs4BUG.jpg

Code:

Ext.create('Ext.Window',{    autoShow:true,    width:700,
    autoDestroy:true,
    height:500,
    layout:'fit',
    items:[{
        xtype:'gridpanel',
        forceFit:true,
        store:Ext.create('Ext.data.Store',{
            data:[{name:'a',group:2,id:1},{name:'b',group:1,id:2},{name:'c',group:2,id:3},{name:'d',group:1,id:4}],
            remoteSort:true,groupField:'group',fields:['id','name','group']        
        }),
        features:[Ext.create('Ext.grid.feature.Grouping', {})],
        plugins:[Ext.create('Ext.grid.plugin.CellEditing', {})],
        columns:[{xtype:'rownumberer',maxWidth:20},{dataIndex:'id',editor:{xtype:'textfield'}},{dataIndex:'name',editor:{xtype:'textfield'}},{dataIndex:'group',editor:{xtype:'textfield'}}]
    }]
});