<table mat-table>标签未打印任何内容

时间:2019-07-16 18:34:33

标签: angular angular-material

我正在制作一个应用程序以显示一些用户信息,并且尝试使用angular / materials库制作表格。由于某种原因,mat-table甚至不会打印出列标题。

我尝试过更改数据源数组的类型,还尝试了使用标签而不是

的mat表的其他实现

我已将代码的简化版本放到stackblitz上, https://stackblitz.com/edit/angular-7mztmg

请查看面板组件,因为这是相关代码所在的地方。

1 个答案:

答案 0 :(得分:1)

代替此:

 <th mat-header-row *matHeaderRowDef="tableColumns"></th>
 <td mat-row *matRowDef="let user; columns: tableColumns"></td>

替换为:

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