PrimeNg Datatableスタイルのセル

Question

私はPrimeNg Datatableを次のように使用しています。それぞれのセルに特定のCSSクラスを配置する必要があります [クラス] = "cssClassName"としてcssクラスを渡すことができます。モデルには適用されませんが、クラスはコントロールがフォーカスされているときにのみ適用されます。 コントロールをフォーカスする必要なくクラスを適用する方法はありますか？

ありがとうございます。あなたがそれはあなたのセルに反映されるように、上styleClassのを適用することができますドキュメント

<p-dataTable [value]="cars" [editable]="true" resizableColumns="true"> 
    <p-column *ngFor="let col of cols, let c = index" [field]="col.Field" [header]="col.Text" [editable]="true" > 
    <ng-template let-col let-car="rowData" pTemplate="editor" let-r="rowIndex"> 
     <div [class]="cssClassName"> 
     <input [(ngModel)]="car[col.field]" appendTo="body" [class]="cssClassName"> 
     </div> 
    </ng-template> 

    </p-column> 
</p-dataTable> 

Answer 1

に表示されるように

例があります。