2017-08-20 4 views
0

J'utilise le PrimeNg Datatable comme suit et je dois mettre une classe css spécifique à chaque cellule Je suis capable de passer la classe css comme [class] = "cssClassName" venant du modèle mais la classe n'est appliquée que lorsque le contrôle est ciblé. Y at-il un moyen d'appliquer la classe sans avoir besoin de se concentrer sur le contrôle?PrimeNg Datatable style une cellule

Merci d'avance.

L'exemple est comme il apparaît sur la documentation

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

Répondre

1

Vous pouvez appliquer sur styleClass afin qu'elle reflète sur ton portable.

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

+0

Est-ce valide, comment peut-on utiliser "BodyStyle"? –