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

问题描述

我正在使用 PrimeNg 编辑数据表。

如何为下面的示例设置自动宽度列或降低下一行的文本。

您可以在下面的 primeNg 链接中重现相同的行为。

https://primefaces.org/primeng/showcase/#/table/edit

<td pEditableColumn>
                    <p-cellEditor>
                        <ng-template pTemplate="input">
                            <input pInputText type="text" [(ngModel)]="product.name" required>
                        </ng-template>
                        <ng-template pTemplate="output">
                            {{product.name}}
                        </ng-template>
                    </p-cellEditor>
                </td>

解决方法

要下一行的文字，你必须在css中添加下一行：

td {
     word-break: break-word;
}

为了查看更多关于断字的选项，我写了下一个来自 PrimeNG

的链接