用 ngModel 数据填充primeng表

Question

我不知道如何完成创建表。我希望它看起来像这样： table，非常简单，但我对使用 ng-template 和 ngFor 感到困惑。第一列是具有“实际温度”（60,120,140）的列，T1、T2、T3 是从设备 T1、T2、T3 读取的温度。新设备和真实临时工都应该能够在以后动态添加，并且数据应该是可编辑的。我最终在一个单元格中拥有所有 3 个温度。你可以在 stackblitz 上看到我卡住的地方。

我的数据输入：

  measmts1: Measurement[] = [ 
                              {id: 'T1', meas_pts: [PT1, PT2, PT3], meas_pt_values: [60.11, 120.11, 140.11]},
                              {id: 'T2', meas_pts: [PT1, PT2, PT3], meas_pt_values: [60.22, 120.22, 140.22]},
                              {id: 'T3', meas_pts: [PT1, PT2, PT3], meas_pt_values: [60.33, 120.33, 140.33]}
                            ];

<div class="card">
    <p-table [value]="measmts1" dataKey="id">

        <ng-template pTemplate="header">
            <!-- <th style="text-align: left;">RealTemp</th> -->
            <th style="text-align: left;" *ngFor="let class of measmts1">{{class.id}}</th>
        </ng-template>

        <ng-template pTemplate="body" let-measmts1>

            <td pEditableColumn >
                <p-cellEditor >

                    <ng-template pTemplate="input">
                        <input pInputText type="text" [(ngModel)]="measmts1.meas_pt_values">
                    </ng-template>

                    <ng-template pTemplate="output">
                        {{measmts1.meas_pt_values}}
                    </ng-template>

                </p-cellEditor>
            </td>

        </ng-template>

    </p-table>
</div> 

https://stackblitz.com/edit/primeng-tableedit-demo-e1wo57?file=src/app/app.component.html

Answer 1

希望这会让你继续前进，<ng-template pTemplate="header" let-columns> 添加

<th rowspan="1" style="width:auto%;text-align: center" >
                    </th>

完整的标题sn-p

<ng-template pTemplate="header">
       <th rowspan="1" style="width:auto%;text-align: center" >
                    </th>
            <th style="text-align: left;" *ngFor="let class of measmts1">{{class.id}}</th>
        </ng-template>