在Angular 12中,表格表头排序需要添加MatSort模块并使用它来处理排序。如果出现“sort is undefined”的错误,可能是因为缺少MatSort模块或在模板中未正确引入它。
以下是一个包含MatSort模块的示例代码:
在模块文件中:
import { MatSortModule } from '@angular/material/sort';
在组件文件中:
import { MatSort } from '@angular/material/sort';
在模板文件中:
Column Name
{{ row.columnName }}
在这个例子中,我们可以看到MatTable指令中有一个matSort属性,而表头单元格中有一个mat-sort-header指令,这两个指令一起工作,以启用表头排序功能。
确保在您的应用程序中添加了MatSort模块,并在需要排序的表格中正确使用matSort和mat-sort-header指令,即可解决“sort is undefined”的错误。