Angular Mat表分拣头问题

我在为mat表提供排序选项时遇到问题

要使排序正常工作，“matColumnDef”和“matCellDef”必须相同。 我面临的问题是，我将对象作为数据源的一个元素

displayedColumns: Array<string> = ["Code", "Manager"];

<ng-container matColumnDef="Code">
    <th mat-header-cell *matHeaderCellDef mat-sort-header> Code </th>
    <td mat-cell *matCellDef="let element"> {{element?.Code}} </td>
</ng-container>

<ng-container matColumnDef="Manager">
    <th mat-header-cell *matHeaderCellDef mat-sort-header> Manager </th>
    <td mat-cell *matCellDef="let element"> {{element.managerDetails?.Name}} </td>
</ng-container>

displayedColumns:Array=[“code”，“Manager”]；
代码
{{element？.Code}
经理
{{element.managerDetails？.Name}

---

需要建议吗？

直接从API传递管理器名称，而不是通过访问managerDetails对象获取名称。如果尝试

displayedColumns:Array=[“code”，“managerDetails.Name”]

？@SachinLahiruPathirana中，我有一个编辑选项作为列，它需要

managerDetails:{id:number，Name:string}

@BharatHegde，您也可以直接传递managerId。