I would like to increase the font for rows in an Angular igx-grid. The default is a little too light. I've searched through your forums and don't believe there's an example. Would it be possible to provide one? I'm using IgniteUI v 7.2.3
Thanks,
Jeff
Hello Jeff,
Thank you for posting in our community.
You can change the font size on a component level by targeting the appropriate predefined class:
:host { ::ng-deep { .igx-grid__td-text { font-size: 1.2rem; } } }
Thanks so much. That works great with the exception of a date column with an ng-template. That remains the original size in my grid.
I am glad that you find my suggestion helpful.
Thank you for using Infragistics components.
Thanks again. This worked perfectly.
Changing the targeted class to igx-grid__td should resolve the issue with the templated column:
:host { ::ng-deep { .igx-grid__td { font-size: 1.2rem; } } }