Primeng P表中的动态Rowspan列

时间:2018-12-27 06:42:39

标签: angular html-table angular6 primeng primeng-turbotable

我要在priming p表中使用动态rowspan列 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级行跨度:

enter image description here

如何获得另一个级别的标题?

均值如图所示,标题-股票,子标题-SA,MA,A,U。
因此,SA也有副标题

0 个答案:

没有答案