问 PrimeNG表不采用固定的角宽度

EN

我有我的一个项目所需的解决方案。

您应该执行以下步骤：

1. 为所需列设置宽度
2. 在水平卷轴部分中，按照primeng 文档 设置水平滚动：

水平滚动:在水平滚动中，需要给列以固定宽度。通常，在自定义可滚动表的列宽时，请按下面的方式使用colgroup，以避免出现对齐问题，因为它将同时应用内部不同的单独元素的页眉、正文和页脚部分。

这里是一个活动的 示例 ，包括一个固定大小的第一列和一个响应表。

这是唯一的解决方案(为您的表设置固定大小)，因为如果在移动设备中将宽度设置为100%，可能并不是所有列都会显示或重叠，从而破坏响应能力。

在primeng 12中， 删除了colgroup模板，所以如果您使用colgroup，则应用程序需要删除，因为自定义宽度不适用于列，如果使用的是可滚动的检查迁移指南. 。

链接： https://github.com/primefaces/primeng/wiki/Migration-Guide

解决方案:如果使用动态列，则需要为和两个标记添加相同的宽度，然后再添加一个属性宽度，如下所示

{标头：“名称”，字段：“名称”，宽度：‘100’} //列对象数组对象

<p-table [value]="data" [columns]="ColumnObjectArray">   
<ng-template pTemplate="header" let-columns>
                    <th *ngFor="let col of columns; let idx=index;" class="" 
                           [style]="'width':col.width">{{col.header}}</th>
</ng-template>
<ng-template pTemplate="body" let-data let-columns="columns">