Ширина таблицы адаптивных таблиц - PullRequest
Новая
       8

Ширина таблицы адаптивных таблиц

0 голосов
/ 19 сентября 2019

Есть ли способ, которым я могу задать столбцы в адаптивной таблице, чтобы они имели пропорциональную ширину, и я имею в виду, что столбец описания будет шире столбца даты.Или есть способ, которым таблица может установить себя на основе отображаемого содержимого?Я думал об установке процентной ширины для каждого из столбцов, но не уверен, что это будет лучшим способом сделать это.

Спасибо.

1 Ответ

0 голосов
/ 25 сентября 2019

да, вы можете сделать это!в файле компонента есть пример проекта https://stackblitz.com/edit/angular-primeng-width?file=src/app/app.component.ts

, добавьте width в определение столбца: 

 this.columns = [
      { field: 'vin', header: 'Vin', width: '10%' },
      { field: 'year', header: 'Year', width: '20%' },
      { field: 'brand', header: 'Brand', width: '15%' },
      { field: 'color', header: 'Color', width: '5%' }
    ];

в файле шаблона использования [ngStyle] ="{'width': col.width} 

    <ng-template pTemplate="header" let-columns>
        <tr>
            <th *ngFor="let col of columns" [ngStyle]="{'width': col.width}">
                {{col.header}}
            </th>
        </tr>
    </ng-template>
...