How can I go about making the header for the mat-tab-group sticky. I have tried solution that just don’t work.
I Tried This

<div class="columns">
<div class="column">
<mat-tab-group>

<mat-tab label="Tab1"></mat-tab>
<mat-tab label="Tab2"></mat-tab>


</mat-tab-group>



</div>

</div>

In CSS I used

::ng-deep .mat-tab-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

::ng-deep .mat-mdc-tab-header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

This does not work at all. probably the header is not sticky.