固定/可滚动列的Primeng / CSS

Question

我的项目使用Angular 5和Primeng V5。我有一个p-table，其中有动态列，应该可以滚动。我尝试了以下CSS更改，但仍然无法使其可滚动，正在应用CSS，但无法使列可滚动。谁能指导我如何实现？

参考CSS：HTML table with horizontal scrolling (first column fixed)

<p-table [value]="cars">
    <ng-template pTemplate="header">
        <tr>
            <th></th>
            <th [colSpan]="cars.length">Brand</th>
            <th>Year</th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-car>
        <tr>
            <td class="fixed-td">{{car.vin}}</td>
            <td *ngFor="let doc of docSelected" class="scrollable-td">{{doc.name}}</td>
            <td class="fixed-td">{{car.brand}}</td>
        </tr>
    </ng-template>
</p-table> 

在上面的代码中，我必须将class="scrollable-td"设置为可滚动，并且class="fixed-td"应该是固定的