在表格单元格div上为angular material中的每一行设置z索引

import { Component, Renderer2, ElementRef } from '@angular/core';

constructor(private renderer: Renderer2, private elementRef: ElementRef) { }

ngAfterViewInit() {
  const rows = this.elementRef.nativeElement.querySelectorAll('.mat-row');
  rows.forEach((row, index) => {
    this.renderer.setStyle(row, 'z-index', index);
  });
}

<mat-table>
  <ng-container matColumnDef="column1">
    <mat-header-cell *matHeaderCellDef> Column 1 </mat-header-cell>
    <mat-cell *matCellDef="let element"> {{element.column1}} </mat-cell>
  </ng-container>

  <!-- 其他列定义 -->

  <mat-row *matRowDef="let row; columns: displayedColumns;" class="mat-row"></mat-row>
</mat-table>