0

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

引用的 CSS：具有水平滚动的 HTML 表格（第一列已修复）

<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"应该被修复

4

0 回答 0