Css 初始化数据表样式a单元格

Css 初始化数据表样式a单元格,css,angular,primeng,primeng-datatable,Css,Angular,Primeng,Primeng Datatable,我正在使用priming数据表,如下所示,我需要为每个单元格设置一个特定的css类 我可以将css类作为来自模型的[class]=“cssClassName”传递,但该类仅在控件聚焦时应用。 有没有一种方法可以应用类而无需关注控件 提前谢谢 该示例与文档中显示的示例类似 <p-dataTable [value]="cars" [editable]="true" resizableColumns="true"> <p-column *ngFor="let col of c

我正在使用priming数据表,如下所示,我需要为每个单元格设置一个特定的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>

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


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


您可以根据特定条件为每行和每单元格应用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>

{{rowData[col.field]}

您可以在

中找到更多信息。您可以根据特定条件对每行和每单元格应用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>

{{rowData[col.field]}

您可以在

上找到更多信息。这是否有效,我们如何使用“bodyStyle”?这是否有效,我们如何使用“bodyStyle”?