Primeng / CSS для фиксированных и прокручиваемых столбцов - PullRequest
Новая
       19

Primeng / CSS для фиксированных и прокручиваемых столбцов

0 голосов
/ 10 января 2019

Мой проект использует 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" должен быть исправлен

...