Angular Material Table 中的按钮实现

Question

您好，我想将反应式表单数据导入 angular material table，然后使用按钮调用弹出窗口 windows 或执行删除行等简单功能。我的主要问题是如何将按钮添加到 material table?

中的一行

Answer 1

没有什么能阻止您在其中一行中插入按钮组件：

<mat-table #table [dataSource]="dataSource">

    <ng-container matColumnDef="myColumn">
      <mat-header-cell *matHeaderCellDef> My Column </mat-header-cell>
      <mat-cell *matCellDef="let element">
          <button mat-button>Click me!</button>
      </mat-cell>
    </ng-container>

    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
    <mat-row *matRowDef="let row; columns: displayedColumns;"></mat-row>

</mat-table>

N.B。此示例取自 table component for angular-material 的 开始 页面。