2017-11-27 3 views
1

私はPrimeNG DataTableを編集可能なモードで使用します。デフォルトでは、各セルには1行のテキストボックスがあります。編集可能なDataTableの複数行のテキストボックス?

私は私のDataTableのword-wrap: break-word;スタイルを使用し、結果は以下の通りです: enter image description here

私は編集モードに入るときしかし、唯一ラインがあります: enter image description here

質問です1枚の写真(multiline)のように見えるようにすると、ユーザーにとってより便利になります。

答えて

1

あなたは、その列のエディタテンプレートをオーバーライドして、インスタンスのための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> 

は、あなたがこのような何かを試してみましたか?

+0

ええ、それは私のために働いた!それは今それがセルの幅と高さに合わせることが可能ですか? –

+0

あなたはCSSを使ってそれを行うことができるはずです。 – Antikhippe

+0

'height:100%; width:100% 'は動作しません:C –

関連する問題