Primeng angular2 ng-template

Question

C'est une question simple, mais je ne pouvais pas trouver la réponse pour cela pour 2h maintenant.

Voici mon code

<p-column field="status" header="Status" [sortable]="true" [style]="{'width':'7%'}"> 
     <ng-template let-col="rowData" pTemplate type="body"> 
      <div [ngClass]="{ 
      'stopped': (col.status == 'PARADO'), 
      'programmed': (col.status == 'PROGRAMADO'), 
      'production': (col.status == 'PRODUZINDO'), 
      'completed': (col.status == 'FINALIZADO') 
      }">{{ col.status }} 
      </div> 
     </ng-template> 
    </p-column> 

Comme vous pouvez le voir, je me sers d'une classe (arrêt, programmé, ...) pour colorer la div dans la p-colonne, mais j'ai réellement besoin de colorer la p-colonne elle-même, pas la div à l'intérieur.

J'espère que vous pouvez m'aider, merci.

Answer 1

https://www.primefaces.org/primeng/#/datatable

Si vous regardez dans la section "Attributs" il y a un style, styleClass et rowStyleClass attribut que vous pouvez appliquer. Vous pourriez essayer d'en utiliser un? J'espère que cela fonctionne. Ou avez-vous essayé de styliser p-colonne directement dans votre CSS? Tels que:

p-column {background-color:red;}