Odd Grid behaviours under IE(7)

[kimu]

When I resize grid columns under IE, they don't fit the new size. I've seen that it happens only when the grid is inside a content panel.

To partialy fix it I have this in my code
grid.on('columnresize', function(){grid.getView().refresh()});

Now, columns fit the new size immediately, but not headers.
I have to move the mouse over the header to see it taking the new size correctly.

Any suggestions?

Bye

[mystix]

why a ContentPanel?

try a GridPanel:
var relLayout = Ext.BorderLayout.create({
center: {
panels: [new Ext.GridPanel(yourGridReference)]
}
}, 'your-grid-panel-div');

[kimu]

I didn't know about a GridPanel, thanks. What is the difference beetwen a Grid Panel and a Content Panel?

Anyway, the grid is just part of content of the Content Panel, so I don't know if I can use a Grid Panel in this case.

[mystix]

if i remember correctly, a GridPanel contains optimisations for Grids which have to sit inside Panels.

Unfortunately, that's about all i can remember. Sorry :">

[zanapia]

I use grid panel :
var layout = Ext.BorderLayout.create({
center: {
margins:{left:3,top:3,right:3,bottom:3},
panels: [new Ext.GridPanel(grid)]
}
}, 'grid-panel');

and the grid columns under IE, don't fit the new size after resizing. Also all downloaded samples have the same problem. How to solve it ?

Zana

[zanapia]

Forget to mention - IE(7)...