javascript - 如何仅显示 mat-table 中第一行的按钮

Question

我有一个 mat-table，显示正在执行的作业列表。目前我在所有行前面都有停止和重新执行按钮。现在我只想在第一行显示按钮。我该怎么做？

我的垫表中的按钮代码

<ng-container matColumnDef="actions">
    <mat-header-cell *matHeaderCellDef> </mat-header-cell>
    <mat-cell *matCellDef="let element; let index = index">
        <button
            mat-icon-button
            (click)="stop_exec_job(element)"
            matTooltip="Stop Executing the Job"
            [disabled]="element.status == 'Completed' || element.status == 'FINISH'"
        >
            <!-- Edit icon for row -->
            <i class="material-icons" style="color:red"> stop </i>
        </button>
        <!-- Delete icon for row -->
        <button
            mat-icon-button
            (click)="re_run_job(element)"
            matTooltip="Re-Run the Job"
            [disabled]="
                element.status == 'RUNNING' ||
                element.status == 'Pending'
            "
        >
            <i class="material-icons" style="color:green">
                cached
            </i>
        </button>
    </mat-cell>
</ng-container>

Answer 1

<button *ngIf="index === 0"
  ...>...</button>

ngIf doc