PDA

View Full Version : [OPEN] ExtJs 4.2 flex column problem when shrinkWrapDock is set



aedos
4 Apr 2013, 8:29 PM
Ext version tested:

Ext 4.2.0.663
Browser versions tested against:

FF and Chrome
Description:

When shrinkWrapDock and shrinkWrap is set for a Grid, the header cell and data cell will not align for any columns with "flex" set.
Test Case:


Ext.onReady(function() {

Ext.create('Ext.data.Store', {
storeId:'simpsonsStore',
fields:['name', 'email', 'phone'],
data:{'items':[
{ 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224" },
{ 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234" },
{ 'name': 'Homer', "email":"home@simpsons.com", "phone":"555-222-1244" },
{ 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254" }
]},
proxy: {
type: 'memory',
reader: {
type: 'json',
root: 'items'
}
}
});

Ext.create('Ext.grid.Panel', {
shrinkWrap:true,
shrinkWrapDock:true,
title: 'Simpsons',
store: Ext.data.StoreManager.lookup('simpsonsStore'),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Name2', dataIndex: 'name' },
{ text: 'Email', dataIndex: 'email', flex: 1 },
{ text: 'Phone', dataIndex: 'phone' }
],
renderTo: Ext.getBody()
});
});

Please note that in the above example the Grid has not fixed width or height but is shrinkWrap.

slemmon
5 Apr 2013, 6:33 AM
Thank you for the bug report!

nymeria
15 May 2013, 3:17 PM
Hi, any update to this? Is there a work around at the moment?