0

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

2 回答 2

2

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

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

于 2017-08-24T15:36:56.003 回答
1

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

于 2019-02-13T15:13:21.797 回答