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

Question

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

我在数据表中使用

word-wrap: break-word;

样式，结果如下：

但是，当我进入编辑模式时，只有one行：

问题是如何让它看起来像第一张图片（多行）中那样，以方便用户使用？

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>

你尝试过这样的事情吗？

Answer 2

它对我有用

<textarea (keydown)="$event.stopPropagation()"></textarea>