将行颜色设置为特定行

Question

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

<ngx-datatable> <ngx-datatable-column> <ng-template> ... {{row.value}}

我想要实现的是检查值，无论是使用 *ngIf 还是在打字稿中检查值，如果值 > 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":"" '

Set row color to specific rows