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

The name of the pictureThe name of the pictureThe name of the pictureClash Royale CLAN TAG#URR8PPP


Grid 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:



Grid Screenshot



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.





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




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.

Popular posts from this blog

Arduino Mega cannot recieve any sketches, stk500_recv() programmer is not responding

Visual Studio Code: How to configure includePath for better IntelliSense results

C++ virtual function: Base class function is called instead of derived