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

Popular posts from this blog

ubuntu - PHP script to find files of certain extensions in a directory, returns populated array when run in browser, but empty array when run from terminal -

php - How can i create a user dashboard -

javascript - How to detect toggling of the fullscreen-toolbar in jQuery Mobile? -