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

【问题标题】：How to set Auto width column after cell editing in PrimeNg?如何在 PrimeNg 中编辑单元格后设置自动宽度列？
【发布时间】：2021-02-16 07:27:45
【问题描述】：

我正在使用 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>

【问题讨论】：

标签： primeng primeng-datatable ng-template

【解决方案1】：

要降低文本下一行，您必须在 css 中添加下一行：

td {
     word-break: break-word;
}

要查看有关分词的更多选项，我写了PrimeNG的下一个链接

【讨论】：

【解决方案2】：

这实际上是您正在使用的 v11.x 中的一个错误（我们可以从随附的屏幕截图中看到）。

此错误已在 v12.x 中修复，因此您可以更新您的项目以使用 primeng v12.x 或更高版本。

【讨论】：