Dynamic ng-template in p-table or p-dataTable

[Danieleee]

In Dynamic columns I can do this:

Code: Select all

<p-dataTable [value]="cars"> <p-column *ngFor="let col of cols" [field]="col.field" [header]="col.header" [style]="col.style"></p-column> </p-dataTable>

How I can add dynamic(different) template for every columns like this?

Code: Select all

<ng-template pTemplate="filter" let-col> <p-calendar (onSelect)="setFiltri(col.value,col.field)" [(ngModel)]="dataStato" dateFormat="dd/mm/yy" [locale]="calendario" appendTo="body"></p-calendar> </ng-template>

[dragon18]

You can use *ngIf on template according with boolean attributes setted in each column. For example:

Code: Select all

<ng-template *ngIf="col.date" pTemplate="filter" let-col>
   <p-calendar>....</p-calendar>
</ng-template>
<ng-template *ngIf="col.flag" pTemplate="filter" let-col>
   <i>...</>
</ng-template>

I hope this can help you...

[nybroe]

Using the *ngIf on ng-template within p-table did not work for me.
I also tried using [ngIf] - still no result..