Ext.grid.Panel - Scroll Bar Issue

[rajasish]

Hi,

I'm using EXT JS 4.0 and with Ext.grid.Panel I'm stuck with a scroll bar issue.
Here is the Basic Configuration:


var grid = Ext.create('Ext.grid.Panel', {
store: store,
columnLines: true,
columns: [{
text : 'Company',
flex : 1,
sortable : false,
dataIndex: 'company'
}, {
text: 'Stock Price',
columns: [{
text : 'Price',
width : 75,
sortable : true,
renderer : 'usMoney',
dataIndex: 'price'
}, {
text : 'Change',
width : 75,
sortable : true,
renderer : change,
dataIndex: 'change'
}, {
text : '% Change',
width : 75,
sortable : true,
renderer : pctChange,
dataIndex: 'pctChange'
}]
}, {
text : 'Last Updated',
width : 85,
sortable : true,
renderer : Ext.util.Format.dateRenderer('m/d/Y'),
dataIndex: 'lastChange'
}],
height: 200,
title: 'Grouped Header Grid',
renderTo: 'grid-example',
viewConfig: {
stripeRows: true
}
});


But when actual height of the grid is just about 2 rows bigger than 200 px, the scroll within the grid in not appearing.

I do have a vertical re-size functionality which is breaking because of this.

User is unable to see the bottom two rows if re-sized to a height that is actually two rows shorter.

Can anyone give any idea on this?

Thanks,
Rajasish

[mitchellsimoens]

Have you tried upgrading to 4.1? The scrolling has been totally revamped to use the browser scroller.