Question

有没有一种方法可以将响应表中的列设置为具有成比例的宽度，即我的意思是描述列会比日期列宽。还是有一种方法可以使表格根据显示的内容自行设置？我曾考虑过在每一列上设置百分比宽度，但是不确定这是否是最好的方法。

谢谢。

Answer 1

是的，您可以做到！有一个示例项目 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>

灌注表响应宽度

1 个答案: