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 ?