如何基于Angular MatTable中的多个列对列进行排序

问题描述

我有一张包含一定数量客户详细信息的垫子桌子。业务目的我们在同一列中包含了客户名称和组织名称，如下所示。这意味着在一列中显示两个数据列。

<ng-container matColumnDef="fullName">
          <th mat-header-cell *matHeaderCellDef mat-sort-header>Customer</th>
          <td mat-cell *matCellDef="let customer">{{customer.fullName}} {{customer.organizationName}}
          </td>
 </ng-container>

但是问题是我不能只将fullName放在 matColumnDef 中，因为我需要按多个值进行排序。此图像代表该列，每当我单击如下所示的箭头时，都应该对其进行排序

这是我在后端的服务类。在这里，我获得了orderBy值并将其传递到存储库。所以我的问题是我该如何操作两个值来对该列进行排序。

public async Task<PagedResult<CustomerResponse>> List(CustomerQueryRequest customerQueryRequest,Guid userId)
        {
            var customers = await _customerRepository.ListCustomers(customerQueryRequest.SearchQuery,customerQueryRequest.OrganizationType,customerQueryRequest.OrderBy,customerQueryRequest.PageNo,customerQueryRequest.PageSize,userId);

            return customers.MapTo<PagedResult<CustomerResponse>>();
        }

我正在使用Angular 9和ASP.NET核心

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）