angular - 如何在primeNG表中以角度使用完美滚动条

Question

我正在尝试使用完美滚动条而不是本机浏览器滚动来进行p 表（primeNG 表）内的垂直、水平滚动。
但是，如果使用完美滚动条，则可滚动区域内不会显示任何内容。

app.component.html -

<p-table #dt [columns]="cols" [value]="cars" [scrollable]="true"scrollHeight="270px">
  <ng-template pTemplate="caption">
    <p>List of Cars</p> 
  </ng-template>
    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of cols">
                {{col.header}} 
            </th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-rowData let-columns="columns">
        <perfect-scrollbar [ngStyle]="{'max-height.vh': 35}">
            <tr>
                <td *ngFor="let col of cols">
                    {{rowData[col.field]}}
                </td>
            </tr>
        </perfect-scrollbar>
    </ng-template>
</p-table>