如果数据相同,如何合并表列?

时间:2018-12-31 10:06:12

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

如果数据相同,如何合并列?

使用primeng-<p-table> https://www.primefaces.org/primeng/#/table

<p-table #invoiceCombinationBoxTableDataID [value]="tableData" sortMode="multiple" [style]="{width:'100%'}"
  [scrollable]="true" [scrollHeight]="windowHeight" [columns]="columnList">
  <ng-template pTemplate="header" let-columns>
    <tr class="text-center">
      <th *ngFor="let col of columnList" [colSpan]="col.colSpan" [rowSpan]="col.rowSpan">
        {{col?.header}}
      </th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-columnValue let-rowIndex="rowIndex" let-columns="columns">
    <tr>
      <td *ngFor="let sub of columnList" class="text-center">
        {{columnValue[sub.field]}}
      </td>
    </tr>
  </ng-template>
</p-table>

波纹管图像中的预期输出

enter image description here

0 个答案:

没有答案