这是一个简单的问题,但我现在无法找到答案2小时。
这是我的代码
<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着色,但实际上我需要为p列本身着色,而不是它内部的div。 / p>
希望你们能帮助我,谢谢。
答案 0 :(得分:0)
https://www.primefaces.org/primeng/#/datatable
如果查看“属性”部分,可以应用样式,styleClass和rowStyleClass属性。你可以尝试使用其中一种吗?希望这有效。
或者您是否尝试直接在CSS中设置p-column样式?如:
p-column {background-color:red;}