Hello,
According to https://www.infragistics.com/products/ignite-ui-angular/docs/typescript/classes/igxcolumngroupcomponent.html cellClasses is a supported property for the igx-column-group control.
When I attempt to apply a css class using this property though it is ignore. Here is a sample of my implementation:
<igx-column-group [header]="'Contact Name'" [cellClasses]="igx-thead_center-and-middle-text">
Am I missing something?
Thanks!
Thank you for the assistance. This put me on the correct path.
Hi,
I updated the sample to apply all the headers that have
Thanks for the suggestion but your solution would apply that style to all objects that use those classes which if I"m not mistaken are all of the headers for any igxgrid.
I'm trying to apply a class to a specific cell in a specific grid. I'm not having an issue with the CSS values needed, my problem is that the class is not seen by the grid.
When I look at the grid via Chrome's debugger, the class isn't listed at all. If I manually add the class through the debugger it works fine.
I made a sample in StackBlitz based on your requirement.
In this sample I am using the css classes of the headers to center their text.
In the styles.scss file I add:
.igx-grid__th-title{ text-align: center; } .igx-grid__thead-title{ display: inline-block; text-align: center; margin-bottom: -5px }
Please, take a look at this sample and let me know if you have any further questions.
Are you saying that cellClasses can't be applied to <igx-column-group-header> objects? If so, the documentation that I linked in my original post is incorrect as it lists cellClasses as a supported property.
All I'm trying to do is affect the position of the text in the header of the grouped columns.What is the suggested way of doing so?