Использование loda sh для группировки данных во вложенной таблице

Question

Я использую loda sh для группировки и объединения данных таблицы. Я хочу отобразить новую таблицу для каждого клиента с вложенной таблицей, отображающей продукты каждого клиента. Мне удалось отобразить имя клиента, используя *ngFor l oop в верхней части каждой таблицы, но я не смог перечислить продукты во вложенной таблице, используя для l oop. Я использую пару значений ключа во втором для l oop, чтобы перебрать первый объект. Я думаю, что я могу что-то упустить в .ts, который группирует продукты, используя loda sh? Кто-нибудь может предложить помощь или совет?

app.component.ts:

  this.appService.getApiData().subscribe(res => {

   this.reportData = _(res.data)

​    .groupBy("customer.name", "product_name")

​    .map(c => {

​     return {

​      name: c[0].customer.name, // take the first name because we grouped them by name

​      salesValue: _.sumBy(c, "sales_value") // using lodash to sum price

​     };

​    })

​    .value();

  });

app.component. html:

<table *ngFor="let c of reportData">
    <tr>
        <th>{{c.name}}</th>
    </tr>
    <tr>
        <td>
            <table>
                <tr style="font-weight:700;">
                    <th>Product</th>
                    <th>Sales Value</th>
                </tr>
                <tr *ngFor="let p of c | keyvalue">
                    <td>{{p.key}}</td>
                    <td>{{p.salesValue}}</td>
                </tr>
            </table>
        </td>
    </tr>
</table>