[SOLVED][2.0]Portal layout, forceFit not working on grid in IE

Published by: jack 2009-01-07

Hi,

I have used the portal layout as the base for a page. I have 3 grids and am populating them via Json. If I try use the config : forceFit, it works in FF but not in IE. If I try setting widths in my column layout :
cm: new Ext.grid.ColumnModel([
{header: "Doc No", width: 60, dataIndex: 'Doc No'},

displacement physics::
should read: Evaluate the change in displacement from t = -2 s to t = +3 s. page 35: Problem 2.12 displacement ( in m ) - not cm .
http://heybryan.org/~bbishop/search/AP_Physics_C/displacement physics.htmlHOME

{header: "Title", width: '100%', dataIndex: 'Doc Title'}
])

Then it looks great in IE, but not in FF.

Attached images show 3 grids. 2 on the left and 1 on the right.
the top left one is setup with
viewConfig: {
forceFit:true,
autoExpandColumn:1
}

the bottom left grid is setup with
cm: new Ext.grid.ColumnModel([
{header: "Doc No", width: 60, dataIndex: 'Doc No'},
{header: "Title", width: '100%', dataIndex: 'Doc Title'}
])

I have searched forums and from a related post (http://extjs.com/forum/archive/index.php/t-15364.html), removed the "autoScroll:true" value from the grid. It doesn't fix things.

Please assist. Complete page script below:

Complex Layout

Red Hat's Rough Recovery From CFO Exit
Windows Live Finds a New, Pre-installed Home