편집 가능한 DataTable의 여러 줄 입력란?

Question

PrimeNG DataTable을 편집 가능한 모드로 사용합니다. 기본적으로 각 셀에는 한 줄의 텍스트 상자가 있습니다.

이 질문은 : 만 한 라인이 편집 모드를 입력 할 때, 그러나

: 내 데이터 테이블에 word-wrap: break-word; 스타일을 사용

는, 결과는 다음과 같다 1 장의 사진 (multiline)에서 사용자에게 더 편리하게 보이게하려면 어떻게해야합니까?

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

당신이 이런 식으로 뭔가를 시도?