Setting css styling for a specific mat table in angular

Question

I have multiple angular material tables and I need to use css over one of the tables.

.mat-table-sticky:first-child {
border-right: 1px solid #e0e0e0;
}

I want to use the above css styling. How to implement this css for a specific table? Thanks in advance :)

Priyesha yadav · Accepted Answer · 2021-03-22 18:57:43Z

2

You can wrap your specific table inside a div and assign a class to it like this -

<div class="specific-table-name">
    <mat-table>...</mat-table>
</div>

Then in your CSS, you can give your specific style using this class -

.specific-table-name .mat-table-sticky:first-child {
     border-right: 1px solid #e0e0e0;
}

answered Mar 22, 2021 at 18:57

Priyesha yadav

1621 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1