如何将primeng旧的dataTable转换为新的TurboTable？

Question

试图将旧的primeNG dataTable转换为新的primeNG TurboTable，似乎我们不能再使用p-column了，以下是给我带来麻烦的代码，希望得到帮助。

<p-dataTable #dt [value]="myTableData" [rows]="perPage" [pageLinks]="4" [paginator]="true" [responsive]="true" (onLazyLoad)="loadContracts($event)"
[rowsPerPageOptions]="[5,10,20,50]" [totalRecords]="totalRecords" [lazy]="true">

<p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header" [filter]="enableFilter && (col.header===lblSector || col.header===lblPriority || col.header===lblLos || col.header===lblType )" [sortable]="!(col.header==lblSector || col.header==lblPhase || col.header==lblLos || col.header==lblTag || col.header==lblAttorney|| col.header==lblRiskManager || col.header==lblProjectManager || col.header==lblJrAttorney || col.header===lblType || col.header==lblSubAssignee || col.header==lblArea)">

<ng-template *ngIf="col.header!==lblSector || col.header===lblPriority || col.header!==lblLos || col.header!==lblType" let-row="rowData" pTemplate>
<span *ngIf="col.header===lblClientName && !row['hasTPRID']" >

Answer 1

Primeng现在有单独的模板，用于头部和正文:在p-table标签中定义列。

<p-table [columns]="cols" ...(all your other properties)>

定义页眉的模板

<ng-template  pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns">{{col.header}}</th>
</tr>
</ng-template>

在p-table标签中定义列：定义页眉模板：定义页眉模板：定义正文模板。

<ng-template  pTemplate="body" let-rowData let-columns>
<tr>
<td *ngFor="let col of columns">{{rowData[col.field]</td>
</tr>
</ng-template>

Primeng表文档在这里