Grid row height distribute evenly to match the grid height in ExtJS4

Clash Royale CLAN TAG#URR8PPPGrid row height distribute evenly to match the grid height in ExtJS4
I have an ExtJS 4 web app and I have a grid with a set height. The problem I have right now is that the grid has to be a certain height, and the rows often aren't many enough (usually around 31 records) to occupy the entire height of the grid so there is space left below the grid:

What I want to do is to adjust the row height or something in the grid in such a way that the rows will equally distribute the available grid height amongst themselves.
Is there an easy way to do this? I have styled my grid but it's just for borders and for removing the padding in the row items.
1 Answer
1
You can modify it using css setting x-grid-table height property to 100%
like this
.my-table .x-grid-table { height: 100%; }
You can find a working example here. Hope it helps to solve your problem.
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
perhaps try using css .x-grid-row class and adjusting its line-height property dynamically depending or exact number of records you have
– bullettrain
Jan 17 '17 at 8:06