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

如您所见，我正在使用 class（已停止，已编程，...）为 p 列内的 div 着色，但实际上我需要为 p- 着色列本身，而不是其中的 div。

希望大家帮帮我，谢谢

Answer 1

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

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

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

p-column {background-color:red;}

Prime angular2 ng-模板

Primeng angular2 ng-template

javascript

angular2-template

primeng

primeng-datatable