table header background color change dynamically - Angular material

I have followed this example to implement the angular material table.

https://stackblitz.com/angular/jejeknenmgr?file=src/app/table-basic-example.ts
​

Here I changed the heading color using the below CSS code.

.mat-header-cell {
background: red;
}


I want to pass the heading color from the component instead of the static CSS way. Is there any way to change the heading color dynamically?

Continue reading...