Threaded View

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Ext JS Premium Member
    Join Date
    Oct 2011
    Posts
    84
    Vote Rating
    0
    Webtel is on a distinguished road

      0  

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

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


    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'}}]
        }]
    });
    Last edited by Webtel; 16 Dec 2011 at 12:09 AM. Reason: rethinking of reality

Thread Participants: 1

Tags for this Thread