可编辑数据表中的多行文本框?
Multiline textbox in editable DataTable?
我在可编辑模式下使用 PrimeNG DataTable。默认情况下,每个单元格中有一个单行文本框。
我在我的数据表中使用 word-wrap: break-word;
样式,结果如下:
然而,当我进入编辑模式时,只有一个行:
问题是如何让它看起来像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>
你试过这样的事情吗?
我在可编辑模式下使用 PrimeNG DataTable。默认情况下,每个单元格中有一个单行文本框。
我在我的数据表中使用 word-wrap: break-word;
样式,结果如下:
然而,当我进入编辑模式时,只有一个行:
问题是如何让它看起来像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>
你试过这样的事情吗?