这是一个简单的问题,但我现在两个小时都找不到答案。
这是我的代码
<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 。
希望大家能帮帮我,谢谢。
最佳答案
https://www.primefaces.org/primeng/#/datatable
如果您查看“属性”部分,您可以应用 style、styleClass 和 rowStyleClass 属性。您可以尝试使用其中之一吗?希望这有效。
或者您是否尝试过直接在 CSS 中设置 p-column 样式?如:
p-column {background-color:red;}
关于javascript - Primeng angular2 ng-模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44075876/