如何设置PrimeNG表格指定列的最大宽度？

有两种可靠的方式实现你要的需求，结合你当前的代码结构，推荐优先使用第一种方法：

方法一：通过列配置绑定最大宽度（适配列重排） #

因为你的表格支持列重排[reorderableColumns]="true"，用列配置绑定的方式不会因为列顺序变化而失效：

1. 更新列配置数组：在定义filteredColumns的地方，给第2列和第5列（数组索引为1和4，数组从0开始计数）添加maxWidth属性：

// 示例列配置结构
this.filteredColumns = [
  // ...其他列项
  { title: '第二列标题', field: 'xxx', width: 80, maxWidth: 100 }, // 第2列
  // ...中间列项
  { title: '第五列标题', field: 'yyy', width: 90, maxWidth: 100 }, // 第5列
];

2. 修改模板中的表头和表体列：在<th>和<td>标签上添加最大宽度绑定，可选添加内容溢出处理样式：

<!-- 表头部分 -->
<th *ngFor="let column of filteredColumns" 
    [style.width.px]="column.width" 
    [style.max-width.px]="column.maxWidth"
    pReorderableColumn>
  <!-- 原有表头内容 -->
</th>

<!-- 表体部分 -->
<td *ngFor="let col of filteredColumns" 
    [ngClass]="col.styleClass" 
    [style.width.px]="col.width" 
    [style.max-width.px]="col.maxWidth"
    [style.overflow]="col.maxWidth ? 'hidden' : 'visible'"
    [style.text-overflow]="col.maxWidth ? 'ellipsis' : 'clip'"
    [style.white-space]="col.maxWidth ? 'nowrap' : 'normal'">
  <!-- 原有表体内容 -->
</td>

方法二：通过CSS选择器直接指定（不支持列重排） #

如果不需要考虑列重排后的宽度限制，直接用CSS定位目标列：

在组件样式文件（.component.css）中添加以下样式：

#dg th:nth-child(2),
#dg td:nth-child(2),
#dg th:nth-child(5),
#dg td:nth-child(5) {
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; /* 强制内容不换行，避免撑破宽度 */
}

注意：开启列重排后，列的位置会变化，这种方法会限制新位置的第2/5列宽度，仅适合不需要列重排的场景。

内容的提问来源于stack exchange，提问作者Lorenzo Bertolaccini