primeNG-table封装组件，外部ng-tamplate写好thead和tbody,组件内部用ng-container投射之后排序及列宽改变失效

Question

组件外
<app-stock-table>
    <ng-template #tableHeader>
           <tr>
                  <th pSortableColumn="a" pResizableColumn>股票
                        <p-sortIcon field="a"></p-sortIcon>
             </th>
                        ....
            </tr>
        </ng-template>
        <ng-template #tableBody let-item>
            <tr [pSelectableRow]="item" (dblclick)="viewDetail(item)">
                   <td>{{item}}</td>
                </tr>   
        </ng-template>
</<app-stock-table>

组件内
<p-table [value]="tableDatas" [rowHover]="true" [resizableColumns]="true" [scrollable]="true" [paginator]="true" [pageLinks]="10" [rows]="20" [lazy]="true" [totalRecords]="24">

   <ng-template pTemplate="header">
        <ng-container *ngTemplateOutlet="egoalBodyTrTdRef2"></ng-container>
    </ng-template>

        <ng-template pTemplate="body" let-item>
        <ng-container *ngTemplateOutlet="egoalBodyTrTdRef3,context: {$implicit: item }"></ng-container>
    </ng-template>

</p-table>

有哪位大神能解决pSortableColumn pResizableColumn急组件内部table排序、改变列宽失效的问题？

Answer 1

https://www.cnblogs.com/echo2016/p/5481343.html