PrimeNG Dynami c Ширина столбцов с условной CSS - PullRequest
Новая
       8

PrimeNG Dynami c Ширина столбцов с условной CSS

0 голосов
/ 25 апреля 2020

Я использую таблицу данных PrimeNG для Angular 8 и столкнулся с проблемой, когда изменение размера динамического столбца c не работает должным образом для больших текстовых столбцов. Я хотел бы добавить условное выражение, если ширина столбца превышает 100 пикселей, добавить к нему еще 100 пикселей.

Ниже приводится то, что я использую в настоящее время 

  <ng-template pTemplate="colgroup" let-columns>
    <colgroup>
      <col *ngFor="let col of columns" [style.width]="col.width" />
    </colgroup>
  </ng-template>

Это что я пытался сделать, но без особой удачи. 

  <ng-template pTemplate="colgroup" let-columns>
    <colgroup>
      <ng-container *ngFor="let col of columns" [ngSwitch]="col.width">
        <col *ngSwitchCase="col.width > 100px" style="width: 300px;" />
        <col *ngSwitchDefault [style.width]="col.width"  />
      </ng-container>
    </colgroup>
  </ng-template>
...