作者:2yuheng | 来源:互联网 | 2023-01-30 19:02
我想根据单元格的值更改Vaadin网格行的颜色.我尝试了如下,但没有奏效.
SCSS
@import "mytheme.scss";
@import "addons.scss";
// This file prefixes all rules with the theme name to avoid causing conflicts with other themes.
// The actual styles should be defined in mytheme.scss
.mytheme {
@include addons;
@include mytheme;
.v-grid-row.error_row {
// Tried following elements and didn't work.
// background-color: red !important;
// color: blue !important; // This changed the color of the font.
background: green !important;
}
}
Java代码
grid.setStyleGenerator(t -> {
if (t.getLogLevel().trim().equals(ERROR) || t.getLogLevel().trim().equals(WARN)) {
return "error_row";
} else {
return null;
}
});
注意:我从浏览器的开发人员工具中检查css,并显示css已正确更新(请参见下图).
![在此输入图像描述](https://img.php1.cn/3cd4a/1eebe/cd5/d84f9786330d9e41.png)
1> Steffen Harb..:
你需要覆盖background-color
行的TD元素:
.v-grid-row.error_row > td {
background-color: red;
}
通过使用浏览器的样式检查,您可以看到Vaadin如何实现样式.