View Full Version : Scrollbar overlays last grid column

12 Nov 2010, 4:49 AM
Hi there,

I have a grid within some outer border layout with the following properties:

xtype: 'grid',
store: 'MyStore',
loadMask: true,
viewConfig: {forceFit: true},
region: 'center',
Within the grid, I have several columns with properties like that:

xtype: 'gridcolumn',
dataIndex: 'month',
header: 'Month',
sortable: true,
width: 100
I autoload the store which results in more lines than are visible.

What happens now, is that the grid expands correctly within the panel and all columns adapt their size - but then the vertical scroll bar overlays the last column:
Since the rendering is slow, I can see that first the grid is displayed and then after the lines are filled in, the scrollbar appears.

Now, when I resize the panel with the split button, it displays the grid and scrollbar correctly.

Any idea why that happens and how to get it right when opening the view?


12 Nov 2010, 7:02 AM
Are you sure the total width of your columns isin't bigger than the grid width itself? The problems goes away if you reduce your column widths?

12 Nov 2010, 12:26 PM
Oh man - it was in deed such simple!
I thought they would resize in case it's too much and I was distracted by another view which seemed right despite having the same column sizes.

Thanks, Geziefer