css - PrimeNg Datatable スタイルのセル

Question

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

前もって感謝します。

例は、ドキュメントに表示されるようなものです

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