仅当未选择行时如何在 Vaadin 8 Grid 中设置单元格颜色

Question

我有：

grid.addColumn(...).setStyleGenerator(item -> "myCssDefinition");

myCssDefinition 是：

.v-grid-cell.myCssDefinition 
{
    color: red;
}

这很好用，只是在选中该行时几乎无法阅读文本。

因此我的问题是我怎样才能只更改样式，或者可能是我如何编辑样式本身，以便在未选择该行时字体颜色仅为红色，而当它被选中时我只想使用默认的 Vaadin 主题样式。

Answer 1

您可以使用以下 CSS 将您的样式仅应用于未选定的行。

:not(.v-grid-row-selected) > .v-grid-cell.myCssDefinition {
    color: red;
}

How to set cell color in Vaadin 8 Grid only if row is not selected