angular material table custom style | Angular Material

In this video we will see how to customize angular material table css. At the end of this video you will also able write angular material table custom style.

colors used in example:
$headerColor: #00AFA3;
$border-bottom-color: rgba(0, 0, 0, 0.12);
$alternateColor: rgba(0, 179, 166, 0.04);

some example of overrriden classes:
height: 35px;
}
background-color: $alternateColor;
}

You can use ::ng-deep in the CSS definition of the respective component to force your style down through the child component tree into all the child component views

[alessandroformica]

Nice job, friend. Good taste in colours

[ChinmayPatil-dgxh]

At the end of the video, the border-bottom-color CSS property should have only the color value. Where as you have mentioned the 1px solid <color-value>. Which was wrong.

[akrishna]

Can we access only one cell ex: i need to style only Hydrogen text?

[muzakkir]

Hi could you please make a video on ng deep and your approach combined; CSS approach helped a lot, thanks buddy