angular - primeng p-table 中的动态行跨度列

Question

我想要primeng p-table https://primefaces.org/primeng/#/table/colgroup中的动态行跨度列

我试过这个：

 <ng-template pTemplate="header" let-columns>
                <tr class="text-center">
                  <th *ngFor="let col of businessLogicMasterObject.columnList" [colSpan]="col.colSpan" [rowSpan]="col.rowSpan">
                    <div class="break-string-length">
                      {{col?.header}}
                    </div>
                  </th>
                </tr>
                <tr class="text-center">
                  <ng-template ngFor let-col [ngForOf]="businessLogicMasterObject.columnList">
                    <th *ngFor="let subheader of col?.subheaders" [colSpan]="subheader.colSpan" [rowSpan]="subheader.rowSpan">
                      {{subheader?.header}}
                    </th>
                  </ng-template>
                </tr>
</ng-template>

但这只允许我 2 级行跨度：

我怎样才能有另一个级别的标题？

意味着如图所示标题 - 股票，子标题 - SA，MA，A，U。
所以 SA 也有子标题

标签： angularhtml-tableangular6primengprimeng-turbotable