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

Angular 可编辑数据表中的多行文本框?,angular,primeng,primeng-datatable,Angular,Primeng,Primeng Datatable,我在可编辑模式下使用Priming DataTable。默认情况下,每个单元格中都有一个单行文本框 我使用换行:打断单词样式在我的数据表中,结果如下: 但是,当我进入编辑模式时,只有一行: 问题是如何使它看起来像1图片(多行)中的那样,以使用户更方便?您可以覆盖该列的编辑器模板,并用文本区域替换基本输入,例如: <p-column field="vin" header="Vin" [editable]="true"> <ng-template let-col let-c

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

我使用
换行:打断单词样式在我的数据表中,结果如下:

但是,当我进入编辑模式时,只有一行:


问题是如何使它看起来像1图片(多行)中的那样,以使用户更方便?

您可以覆盖该列的编辑器模板,并用文本区域替换基本输入,例如:

<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>


你试过这样的东西吗?

是的,对我很管用!现在是否有可能使其适合单元格的宽度和高度?您应该能够使用CSS来实现这一点。