0

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

该表如下所示：

快照表图像

您可以在第一列中看到：显示了 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 版

在这种情况下，任何人都可以帮助我。太感谢了。

4

0 回答 0