Ag-Grid Header Styles Not Changing With CSS On Component


Answer :

Try using ::ng-deep combinator

https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

::ng-deep .ag-theme-balham .ag-header {     background-color: #e0e0e0; } 

If that does not work, put your css in the global stylesheet and check if the styles are overriden correctly


Override the header-cell class instead

.ag-theme-balham .ag-header-cell{     background-color: #e0e0e0; } 

and if you have header-group then

.ag-theme-balham .ag-header-cell, .ag-theme-balham .ag-header-group-cell{     background-color: #e0e0e0; } 

Comments

Popular posts from this blog

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?

Can Feynman Diagrams Be Used To Represent Any Perturbation Theory?