Закрепленный динамический столбец в угловых

Question

Я слежу за этим url .Я хочу исправить / закрепить первые 2 столбца (имя и номер). Я не знаю, как использовать свойство sticky, потому что все мои столбцы являются динамическими.

Это мой HTML-код для динамических столбцов:

< ng-container [matColumnDef]="col" *ngFor="let col of displayedColumns" >

< mat-header-cell *matHeaderCellDef> {{ col }} < /mat-header-cell>

< mat-cell *matCellDef="let element">{{ element[col] }}  < /mat-cell>
< /ng-container>     

Answer 1

Вы можете достичь этого, используя значение индекса.

<ng-container [matColumnDef]="col" *ngFor="let col of displayedColumns; let i = index;">

<mat-header-cell *matHeaderCellDef *ngIf="i==0 || i ==1"> {{ col }} </mat-header-cell>

<mat-cell *matCellDef="let element">{{ element[col] }}  </mat-cell>
</ng-container>