如何以角度在primeng表的第一列中显示数组字符串

Question

我有一个数组字符串，我想像这样在表格的第一列中显示该数组

    c1 c2 c3 c4 c5 c6
    d1 -  -  -  -  -
    d2 -  -  -  -  -
    d3 -  -  -  -  -
    d4 -  -  -  -  -

数组的字符串是这样的

    data: string[] = ['d1', 'd2', 'd3', 'd4',];

这是我的html代码

<p-table [columns]="panel.headers" [value]="panel.data">
   <ng-template pTemplate="header" let-columns>
      <tr *ngFor="let headerRow of panel.headers">
       <th *ngFor="let col of headerRow.cols" [attr.colspan]="col.colspan"
       [attr.rowspan]="col.rowspan">
           {{col.label}}
       </th>
     </tr>
   </ng-template>
   <ng-template pTemplate="body" let-row>
    <tr>
     <td *ngFor="let col of panel.headers[panel.headers.length-1].cols"
       class="{{row[col.dataClasses]}}">
       {{row[col.valueField]}}
     </td>
    </tr>
  </ng-template>
</p-table>

查看堆栈闪电战https://stackblitz.com/edit/primeng-tabledynamic-demo-h58rsj 在此示例中，我想在第一列中打印层。 请帮忙解决这个.. 谢谢

Answer 1

只需在开头添加列：

 <ng-template pTemplate="body" let-row>
      <tr>
       <td>my array goes here</td>
       <td *ngFor="let col of panel.headers[panel.headers.length-1].cols"
         class="{{row[col.dataClasses]}}">
         {{row[col.valueField]}}
       </td>
      </tr>
    </ng-template>

在你的标题中：

<ng-template pTemplate="header" let-columns>

        <tr *ngFor="let headerRow of panel.headers">
        <th></th>
         <th *ngFor="let col of headerRow.cols" [attr.colspan]="col.colspan"
         [attr.rowspan]="col.rowspan">
             {{col.label}}
         </th>
       </tr>
     </ng-template>