Css 初始化数据表样式a单元格
我正在使用priming数据表,如下所示,我需要为每个单元格设置一个特定的css类 我可以将css类作为来自模型的[class]=“cssClassName”传递,但该类仅在控件聚焦时应用。 有没有一种方法可以应用类而无需关注控件 提前谢谢 该示例与文档中显示的示例类似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
<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”?