在多行内使用Mat-table多行

Question

我想要的东西绘制在下图中。我使用Angular Material（7.x）并使用Mat-Table实现，如下所述：https://material.angular.io/components/table/overview

上面的情况是企业要显示多个销售发票。

我已经使用了Angular的Mat Table来将多行用于一行，这行得通。但是现在我还必须使多行表中的第一行（类型A）具有多行。

我对如何使它正常工作有一些想法，但是我不想先开始并且不知道解决方案是否会起作用。

我开始遍历salesInvoices中的对象：

  <tr mat-header-row *matHeaderRowDef="displayedPurchaseInvoiceColumns"></tr>
  <ng-container *ngFor="let item of invoices.salesInvoice">
    <tr mat-row class="table-first-row" *matRowDef="let row; columns: displayedSalesInvoiceColumns"></tr>
  </ng-container>
  <tr mat-row class="table-second-row" *matRowDef="let row; columns: displayedPurchaseInvoiceColumns"></tr>

这没有显示任何有用的信息。我认为它什至没有任何作用，因为我只看到显示的购买发票，而不是销售发票。

我正在考虑在第一行使用垫子桌子吗？我不知道该怎么做，我也不知道这是否行得通。

我真的很想与Mat-Table一起使用，但是恐怕我将无法与材料库一起使用，并且必须进行一些自定义。

欢迎任何帮助！如果我需要提供更多信息，请告诉我。