How to avoid scrollbar space while its not appear in extjs grid pannel?

Hi in my java project we have extjs grid. while i increase data in grid pannel automatically vertical scrollbar will come.if the data is small amount the scrollbar will not appear. but the space of scrollbar is开发者_JAVA技巧 appeared in my grid. What i need is while data amount is small it shouldnot show scroll bar and scrollbar space, and when i incease the data it should allow the scrollbar to appaear. How can i achive it.

Thanks,

May be this will help you

new Ext.grid.GridPanel({
  ...
  view : new Ext.grid.GridView({
                forceFit    : true,
                scrollOffset: 0,
                getTotalWidth: function() {
                    return "auto";
                }
  })
  ...
}

You might need to override the css stylesheet. Probably

.x-list-body {
  overflow-y: hidden;
}

but it might be another one of the styles.