如何将 primeng old dataTable 转换为 newTurboTable？

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>

定义正文模板：

<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

如何将 primeng old dataTable 转换为 newTurboTable？

How may I convert primeng old dataTable to the newTurboTable?

primeng

angular

primeng-datatable

primeng-turbotable