2017-05-19 3 views
1

これは簡単な質問ですが、今は2hの答えが見つかりませんでした。あなたは私がp列の内側のdivを着色する(...、プログラムされ、停止した)クラスを使用していますが、私は実際に着色する必要が見ることができるようにここでPrimeng angular2 ng-template

は私のコード

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

ですp列自体ではなく、内部のdivです。

皆さん、ありがとうございます。ありがとうございます。あなたは、「属性」セクションの下を見ると

答えて

0

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

は、styleClassのスタイルがあり、rowStyleClassはあなたが適用できる属性。あなたはそれらの1つを使ってみることができますか?うまくいけばうまくいきます。

または、CSSで直接p-columnのスタイリングを試しましたか?そのようなもの:

p-column {background-color:red;} 
関連する問題