PrimeNGのDataTableのセルエディタセルを埋める

Question

私は私のprimeng DataTableのエディタをカスタマイズするには、次のコードを使用します。

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

しかし、私は、エディタのフィットを作るのですかどのように見つけることができませんセルのサイズ は私だけ<textarea>に適用され、このCSSコードと幅に合わせて管理：

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

あなたは私を助けてくださいことはできますか？私があなただったら

Answer 1

、私はテキストエリア（例えば3）のためのN行を修正します：

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

とtextareaタグに100％の幅を適用します。

textarea { 
    width: 100%; 
} 

Working Plunker