Angular 4.4.x mat-table标头没有排序

我有一个带有排序 Headers 的mat-table,所以我按照例子装饰列:

<ng-container matColumnDef="id"> <mat-header-cell *matHeaderCellDef mat-sort-header> Id </mat-header-cell> <mat-cell *matCellDef="let row"> {{row.id}} </mat-cell> </ng-container>

排序 Headers 不是't working and it looks like it' s如何扩展此模板 . 检查示例中的 Headers 元素(即https://stackblitz.com/edit/angular-material2-issue-sct3gm?file=app%2Fapp.component.ts)我可以看到 Headers 应该呈现为 div.mat-sort-header-container 但是我的呈现(对于列,例如'maintainer_name'):

<mat-header-cell _ngcontent-c3 class="mat-header-cell cdk-column-site_maintainer_name mat-column-site_maintainer_name" mat-sort-header role="columnheader">

我已经更新到最新的角度cli / core等但仍然存在 . 还将示例复制到另一个组件中并且相同(缺少)结果 .

回答(1)

3 years ago

是的,这是 Build 在另一个现存应用程序之上的结果,而Angular Material文档在名称更改(时间点)之间有点陷入 . 使用'兼容模式'Angular Material允许Md前缀(即MdTableModule),但新样式带有'Mat'前缀 . 这可能会导致一组令人困惑的进口 . 我清除了所有现有的导入,并将其替换为具有Mat前缀的材质导入的规范列表 .

如果您遇到此问题,尝试构建针对angular-api命令行生成的新应用程序 .