代码之家 › 专栏 › 技术社区 › HC1122

将行颜色设置为特定行

ngx-datatable typescript angular

0

HC1122 · 技术社区 · 7 年前

我正在处理angular4项目,并且正在使用ngx datatable,所以.html文件看起来像

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

我要做的是检查价值 *ngIf 或者在typescript中输入value,如果value>100将行背景设置为红色,则该值应为白色。

如何做到这一点? 谢谢你的帮助

2 回复 | 直到 7 年前

1

2

Lynx 242 7 年前

通常情况下,您可以有条件地交换CSS类:

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

当然,您必须在css文件中定义类red和white后面的css样式。

2

WesDev 7 年前

将此添加到行..

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