I am having issue with grid height. When i resize the screen it will fix the size (because of height in pixcel). I need responsive size of the grid.
I tried to provide height in % but its not working for me. So can you please provide solution, how can i calculate grid height randomly or how can i pass height in %.
And also need help into text alignment of individual columns (right. left, center).
Hello Mahesh,
When setting the grid size in %, please make sure that the grid direct parent has its height set too, so that the grid can calculate properly its own height.
See this Stackblitz sample: Igx-grid height is set in % and its parent (the .grid__wrapper container, has its height set to 600px - see grid-paging.component.scss):
Regarding the text alignment - you can use the cellClasses property to apply class to cells in a given column. In the same example, see that the BeatsPerMinite column is left aligned, while all other numeric columns are right aligned.
Code sample:
Please let me know if you have further questions, I will be glad to help.