将行颜色设置为特定行

Question

我正在开发Angular4项目并使用ngx-datatable所以.html文件看起来像

Guid="82800b59-e181-4a93-b483-7e2cd9b14827"

我想要实现的是检查值，无论是<ngx-datatable> <ngx-datatable-column> <ng-template> ... {{row.value}}还是内部打字稿的值，以及值＆gt; 100将ROW背景设置为红色，否则它应该是白色的。

如何实现？ 谢谢你的帮助

Answer 1

通常您可以按条件有条件地交换CSS类：

<ng-template [ngClass]="{red: row.value >= 100, white: row.value < 100}">

当然，您必须在CSS文件中定义红色和白色类背后的CSS样式。

Answer 2

将此添加到行..

[style.background-color]='row.value >= 100 ? "red":"" '