可编辑数据表中的多行文本框？

Question

我在可编辑模式下使用 PrimeNG DataTable。默认情况下，每个单元格中有一个单行文本框。

我在我的数据表中使用 word-wrap: break-word; 样式，结果如下：

然而，当我进入编辑模式时，只有一个行：

问题是如何让它看起来像1张图片（多行）以便于用户使用？

Answer 1

您可以覆盖该列的编辑器模板，并将基本的 input 替换为 textarea 例如：

<p-column field="vin" header="Vin" [editable]="true">
  <ng-template let-col let-car="rowData" pTemplate="editor">
        <textarea [(ngModel)]="car[col.field]" appendTo="body"></textarea>
    </ng-template>
</p-column>

你试过这样的事情吗？

可编辑数据表中的多行文本框？

Multiline textbox in editable DataTable?

angular

primeng

primeng-datatable