如何在PrimeNg中设置单元格编辑后的自动列宽？

import { Component, ViewChild } from '@angular/core';
import { Table } from 'primeng/table';

@Component({
  selector: 'app-your-component',
  template: `
    <p-table [value]="data" [editable]="true" (onEditComplete)="onEditComplete($event)">
      <ng-template pTemplate="header">
        <tr>
          <th *ngFor="let col of columns">{{ col.header }}</th>
        </tr>
      </ng-template>
      <ng-template pTemplate="body" let-rowData let-columns="columns">
        <tr>
          <td *ngFor="let col of columns" [pEditableColumn]="col.field">
            {{ rowData[col.field] }}
          </td>
        </tr>
      </ng-template>
    </p-table>
  `,
})
export class YourComponent {
  data: any[]; // 表格数据
  columns: any[]; // 列定义

  @ViewChild(Table) table: Table;

  onEditComplete(event) {
    const editedColumn = event.column.field;
    const editedValue = event.data[editedColumn];

    // 计算单元格内容的宽度
    const cellWidth = this.calculateCellWidth(editedValue);

    // 设置列的宽度
    const column = this.columns.find((col) => col.field === editedColumn);
    column.style = { width: cellWidth + 'px' };

    // 刷新表格以应用列宽调整
    this.table.reset();
  }

  calculateCellWidth(value: string): number {
    // 根据单元格内容计算宽度的逻辑，可以根据实际需求进行实现
    // 返回计算出的宽度值
  }
}