PDA

View Full Version : Ext Js 4.1 Grid Columns go Haywire on expansion



mandardadpe
8 Oct 2012, 6:33 AM
Hello,
I have 11 columns in grid. I have added flex to each,but when I expand any one of column other columns expand in randomly which looks weird. Also I have used shrinkwrap property but it didnt affect too much.
Please let me know solution as early as possible.

Thanking You in advance,
Mandar Dadpe

scottmartin
8 Oct 2012, 11:13 AM
We are going to need more information about your configuration and perhaps a screen of what you are displayed before we can help.

Scott.

mandardadpe
8 Oct 2012, 9:18 PM
{
text : 'Description',
//flex:2,
shrinkWrap:1,
sortable : true,
//align:'right',
//autoExpandColumn : true,
dataIndex : 'Description',
editor:{
xtype: 'textfield',
allowBlank:false
}
}

This is common pattern I have used for all the columns.Also, I have west and east collapsible panel . I have mentioned "forceFit:true" property for grid. So when I expand both the panels ,my grid is getting fitted in ceneter region. Mainly problem is with when I expand one of grid column.

scottmartin
9 Oct 2012, 4:31 AM
Please remove forceFit: true as well as the shrinkwrap from your columns. If this does not correct the issue, please send a screenshot of the problem and describe the desired look.

Scott.

mandardadpe
9 Oct 2012, 11:28 PM
Hey scott,

It worked for me. Thank you very much.. I have removed "forceFit & Shrinwrap" property.
Thanks a lot again...:)

-Mandar Dadpe