angular - Templating Primeng Datatable from outside component -
i've been trying give rowgroup template p-datatable through parent component, i've been unable make work.
i expect use wrapper way:
<wrapper [data]="list.operations" [cols]="cols" [groupfield]="groupfield" (onrowclick)="rowclickhandler($event)" [translationroot]="name"> <ng-template #datatablerowheader> <ng-template ptemplate="rowgroupheader" let-rowdata>{{getdate(rowdata[groupfield]) | date:'eeee' | uppercase }}</ng-template> </ng-template>
so in wrapper component have:
<p-datatable [value]="data" [sortfield]="groupfield" [sortorder]="-1" rowgroupmode="subheader" [groupfield]="groupfield" [sortablerowgroup]="false" (onrowclick)="onrowclickhandler($event)"> <ng-container [ngtemplateoutlet]="datatablerowheader"></ng-container> ...
and i'm using appropiate content child on .ts
@contentchild('datatablerowheader') datatablerowheader: templateref<any>;
but see blank line every time if y put parent template paragraph plain text.
any ideas?
edit: here failing plunkr of problem: http://plnkr.co/edit/e2hoqf3429kj0iikljsu?p=preview
Comments
Post a Comment