PrimeNG Datatable单元格编辑器填充单元格

Question

我使用以下代码在我的primeng数据表中自定义编辑器：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

但是我无法弄清楚如何使编辑器符合单元格的大小。 我只使用适用于<textarea>

的css代码来设置宽度

＆＃13;

＆＃13;

.cell-editor {
  height: 100%;
  width: 100%;
}

＆＃13;

＆＃13;

＆＃13;

你能帮我吗？

Answer 1

如果我是你，我会为textarea修复N行（例如3）：

<textarea [(ngModel)]="car[col.field]" appendTo="body" class="datatableTextarea" rows="3"></textarea>

并将100％宽度应用于textarea标记：

textarea {
    width: 100%;
}

Working Plunker