PrimeNg数据表样式一个单元格

Question

我正在使用PrimeNg Datatable，如下所示，我需要将一个特定的css类放到每个单元格中，我能够将css类作为[class] =“cssClassName”来自模型但是该类仅在控制是集中的。是否有一种方法可以应用该类而无需关注控件？

提前致谢。

该示例就像它出现在文档中一样

<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

您可以应用styleClass，以便它反映在您的单元格上。

<p-column [style]="{'text-align':'left'}" field="Field Name" header="Header" [sortable]="true" styleClass="test">

Answer 2

您可以根据特定条件为每行和每个单元应用styleClass

 <ng-template pTemplate="body" let-rowData let-columns="columns">
    <tr [ngClass]="rowData.year > 2010 ? 'new-car' : null">
        <td *ngFor="let col of columns" [ngClass]="rowData[col.field] <= 2010 ? 'old-car' : null">
            {{rowData[col.field]}}
        </td>
    </tr>
</ng-template>

您可以在https://www.primefaces.org/primeng/#/table/style找到更多信息