title: How to wrap Primeng TurboTable Component
body: <p>I want to wrap primeng Turbo Table component in my own component, but cant figure out how to use primeng pSortIcon and pSortableColumn directive in template which I'm passing to my custom component.</p>
  
  <pre><code>&lt;my-table #tableCmp
                      [value]="val"
                      [columns]="columns"
                       sortMode="multiple"
                      [responsive]="true"
                      [paginator]="true"
                      [rows]="10"
                      [lazy]="true"
                      [totalRecords]="totalRecordsLen"
                      [pageLinks]="3"
                      (onLazyLoading)="lazyLoadData($event)"
                      (onSort)="onSort($event)"&gt;
                  &lt;ng-template pTemplate="header" let-columns&gt;
                    &lt;tr&gt;
                     &lt;th *ngFor="let col of columns" [pSortableColumn]="col.field"&gt;
                       {{col.header}}
                       &lt;p-sortIcon [field]="col.field"&gt;&lt;/p-sortIcon&gt;
                     &lt;/th&gt;
                    &lt;/tr&gt;
                  &lt;/ng-template&gt;
                  &lt;ng-template pTemplate="body" let-rowData let-columns="columns"&gt;
                    &lt;tr&gt;
                     &lt;td *ngFor="let col of columns"&gt;
                      {{rowData[col.field]}}
                     &lt;/td&gt;
                    &lt;/tr&gt;
                   &lt;/ng-template&gt;
    &lt;/my-table&gt;
  </code></pre>
  
  <p>This is how I'm applying templates to my custom component:</p>
  
  <pre><code>@ContentChildren(PrimeTemplate) tpl: QueryList&lt;PrimeTemplate&gt;;
  
  ngAfterContentInit() {
      const originalTableNgAfterContentInit = this.table.ngAfterContentInit;
      this.table.ngAfterContentInit = () =&gt; {
          this.table.tpl= this.tpl;
          originalTableNgAfterContentInit.call(this.table);
      };
  }
  </code></pre>
  
  <p>When I use my custom component it gives me the following error: </p>
  
  <blockquote>
    <p>p-sortIcon/pSortableColumn is not a known element</p>
  </blockquote>
  
  <p>In my module I've imported TableModule and I've checked that TableModule exports SortIcon and SortableColumn.</p>
  
  <p>I'll be very thankfull if someone knows how to figure out my problem !</p>