2017-08-20 172 views
0

我使用PrimeNg Datatable如下,我需要把一個特定的CSS類到每個單元格 我能夠通過css類作爲[class] =「cssClassName」來自模型,但該類僅在控件集中時才應用。 是否有一種方法可以在不需要重點控制的情況下應用該類?PrimeNg Datatable樣式單元格

在此先感謝。

的例子是像它出現在該文檔上

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

回答

1

你可以這樣它會反映在你的應用的styleClass。

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

+0

這是否有效,我們如何使用「bodyStyle」? –