Angular Material 是一个用于构建高性能、高质量的用户界面的 UI 组件库。表格是其中非常重要的一部分，可以帮助用户更好地展示和操作数据。
安装 Angular Material
首先，您需要在您的 Angular 项目中安装 Angular Material。可以通过以下命令进行安装：
ng add @angular/material
基本用法
在 Angular Material 中，表格通常通过 <mat-table> 标签来创建。以下是一个简单的例子：
<mat-table [dataSource]="dataSource">
<ng-container matColumnDef="name">
<th mat-header-cell *matHeaderCellDef>姓名</th>
<td mat-cell *matCellDef="let element"> {{element.name}} </td>
</ng-container>
<ng-container matColumnDef="age">
<th mat-header-cell *matHeaderCellDef>年龄</th>
<td mat-cell *matCellDef="let element"> {{element.age}} </td>
</ng-container>
<tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
<tr mat-row *matRowDef="let row; columns: displayedColumns;"></tr>
</mat-table>
在上述代码中，dataSource 是一个 MatTableDataSource 实例，其中包含了表格数据。displayedColumns 是一个列定义数组，它定义了表格中的列。
高级功能
Angular Material 表格支持许多高级功能，例如排序、筛选、分页等。以下是一些常用的功能：
- 排序：通过
<mat-header-cell>中的mat-sort指令可以添加排序功能。 - 筛选：可以通过添加一个搜索框和一个过滤器函数来实现筛选功能。
- 分页：
<mat-paginator>组件可以添加分页功能。
图片示例
下面是一个使用 Angular Material 表格的示例图片。
更多信息，请访问 Angular Material 表格文档。