如何将primeng old dataTable 转换为newTurboTable？答案

【问题标题】：How may I convert primeng old dataTable to the newTurboTable?如何将primeng old dataTable 转换为newTurboTable？
【发布时间】：2020-05-25 12:58:26
【问题描述】：

尝试将旧的 primeNG dataTable 转换为旧应用程序的新 primeNG TurboTable，似乎我们不能再使用 p 列了，这是给我带来麻烦的代码，任何帮助将不胜感激：

<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']" >

【问题讨论】：

标签： angular primeng primeng-datatable primeng-turbotable

【解决方案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>

为正文定义模板：

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

primeng table docs here

【讨论】：