我正在使用角材料版本 9.2.4 我有一个 html 表格。该表已正确显示。但我想在表格的每一行中添加一个图标作为按钮。表数据来自rest api,而我想在表的每一行中使用相同的图标(比如删除图标)。
<mat-table [dataSource]="employeeData" class="mat-elevation-z8">
<!-- Position Column -->
<ng-container matColumnDef="name">
<mat-header-cell *matHeaderCellDef> NAME </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.name}} </mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="phoneNumber">
<mat-header-cell *matHeaderCellDef> PHONE NUMBER </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.phoneNumber}} </mat-cell>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="emailId">
<mat-header-cell *matHeaderCellDef> EMAIL ID </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.emailId}} </mat-cell>
</ng-container>
<!-- Symbol Column -->
<ng-container matColumnDef="dateOfBirth">
<mat-header-cell *matHeaderCellDef> DATE OF BIRTH </mat-header-cell>
<mat-cell *matCellDef="let element"> {{element.dateOfBirth }} </mat-cell>
</ng-container>
<!-- Delete …Run Code Online (Sandbox Code Playgroud)