View Full Version : Horizontal Scrollbar won't work properly in EditorGridPanel

28 Mar 2012, 9:04 PM
I have problem with EditorGridPanel. The Horizontal scrollbar is appear, but the fixed height (400) is not appear correctly. Therefore, there is a big space between the last row of the grid and the horizontal scroll bar.

If I use autoHeight, the horizontal scrolbar get disappeared.

Here is the code:

var item_grid = new Ext.grid.EditorGridPanel({
border: false,
closable : true,
title: 'List of Properties',
plugins: checkColumn,
height: 400,
autoScroll: true,
enableColumnMove: false,
store: item_store,
clicksToEdit: 1,

How to fix that? Any advice and solution is really really appreciated.

Thanks in advance.

29 Mar 2012, 7:22 AM
Can you post an image of what you are seeing, as I cannot duplicate your description.

Here is a basic setup:

Ext.onReady(function() {
var myGrid = new Ext.grid.EditorGridPanel({
store: store,
cm: cm, // columns
loadMask: true,
height: 200,
frame: true,
renderTo: Ext.getBody(),
viewConfig: {
// forceFit: true // force columns to span grid

You should not place layout,closable,autoScroll in the config unless you are using a panel that contains other items where you need to control their layout.