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:
tr.mat-header-row {
height: 35px;
}
tr.mat-row:nth-child(even) {
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
Download
0 formats
No download links available.
angular material table custom style | Angular Material | NatokHD
