Primeng angular2 ng-template

时间:2017-05-19 17:31:51

标签: javascript angular2-template primeng primeng-datatable

这是一个简单的问题,但我现在无法找到答案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>

希望你们能帮助我,谢谢。

1 个答案:

答案 0 :(得分:0)

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

如果查看“属性”部分,可以应用样式,styleClass和rowStyleClass属性。你可以尝试使用其中一种吗?希望这有效。

或者您是否尝试直接在CSS中设置p-column样式?如:

p-column {background-color:red;}