javascript - Primeng angular2 ng-模板

Question

这是一个简单的问题，但我现在找不到 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。

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

Answer 1

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

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

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

p-column {background-color:red;}