Question

In my ExtJS 4 Grid, I would like to set the height dynamically upon loading the records.

For instance:

1. If my Grid loads 52 records, then it should show all the 52 records simultaneously (without any scroll-bar in the Grid).

2. If my Grid loads 73 records, then it should show all the 73 records simultaneously (without any scroll-bar in the Grid).

i.e. I don’t need any scroll bars in the Grid. Instead, I would like to use browser’s scroll-bar instead.

Do anyone has a solution ?

Answer 1

You have to handle the load event on the store of your grid, then change the grid height via

youGrid.getStore().on('load', function anonym(){
   myGrid.setHeight(this.getCount() * 16); // to be calculated
}

Of course, you have to resize all parent container of this grid