2017-10-14 77 views
2

设置单元格颜色Vaadin 8格,我有:如何只有当行没有选择

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

是myCssDefinition是:

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

这工作,除了它的伟大,使文字几乎不可能当该行被选中时读取。

因此,我的问题是我怎么才能改变风格,或者如何编辑风格本身,这样的字体颜色只有当该行没有被选中时,只有红色,并且当它被选中时,我只是想使用默认的Vaadin主题风格。

回答

2

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

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