角材料：如何对每个单元格中具有多个值的表应用排序

Question

我使用Angular材质制作了一个表，该表的列包含[dataSource]中的多属性值。 我想对列中的每个属性进行排序。当单击箭头对应于列中的属性时，该表将立即跟随该属性排序。但是目前对我来说是不可能的。我研究了MatSort，但似乎不支持我的情况。

表格如下：

The snapshot table image

您可以在第一列中看到：显示了2个属性：“租金”和“管理费”。当我单击“出租”左侧的排序箭头时，表格将按照“出租”进行排序。当我单击“管理费”时，该表将按照“管理费”进行排序，其他列也是如此。

对于一栏：我看起来像这样：

<ng-container matColumnDef="fee">
          <th *matHeaderCellDef mat-header-cell>
            <div class="table-row-name">
              <mat-icon class="btn-up">keyboard_arrow_up</mat-icon>
              <span i18n="@@Rental">Rental</span>
            </div>
            <div class="table-row-name">
              <mat-icon class="btn-up">keyboard_arrow_up</mat-icon>
              <span i18n="@@Fee">Management fee</span>
            </div>
          </th>
          <td *matCellDef="let element" mat-cell>
            <p>
              <span>{{ element.rent }}</span>
              <span> Euro</span>
            </p>
            <p>
              <span>{{ element.managementFee }}</span>
              <span> USD</span>
            </p>
          </td>
        </ng-container>

我使用Angular 7.0版

在这种情况下，有人可以帮助我吗？非常感谢。