HI,
I am using Hierarchical grid, and want to that grid to cover the entire page. I assigned the grid height to 100%.grid covered up the entire page but the number of rows is coming only 15. I want the grid to render all the rows which can come in the entire screen and number of rows to display in pagination dropdown should show that number.
Thanks,Dev
Hello Dev,
Thank you for posting in our forum.
As there were changes in the latest versions of Ignite UI for Angular, with regard to the grid’s auto-sizing and filling its container’s width and height, I would appreciate some additional information:
If you are using some of the latest versions of Ignite UI for Angular, try this: In addition to setting the hierarchical grid’s height to 100%, try also putting it in a parent <div> element, which has a “height: 100vh;”.
That way the browser would know you want a div that fills the entire viewport height, and its child element (the grid) should take 100% of the available height.
I look forward to your reply.
I am using 7.2.0 version of Ignite UI.
Yes data binding is using async. I already made the parent container as 100%. grid height is still not expanded, though when I change the perPage property then grid height started changing, but height increased to more than screen height.
Setting the parent container’s height to a 100%, would make it take the height of its parent, not the viewport. Did you try setting it to 100vh instead?
Providing me an isolated code sample if possible, whether on StackBlitz or a .zip file, would be much appreciated as it would allow me to see your configuration, the CSS that you apply, debug on my side and find what is causing the issue so I could give you a more detailed answer.