javascript - Primeng angular2 ng-模板

Question

这是一个简单的问题，但我现在两个小时都找不到答案。

这是我的代码

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

希望大家能帮帮我，谢谢。

Answer 1

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

如果您查看“属性”部分，您可以应用 style、styleClass 和 rowStyleClass 属性。您可以尝试使用其中之一吗？希望这有效。

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

p-column {background-color:red;}