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

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable