Vaadin，更改网格列颜色答案

【问题标题】：Vaadin, change grid column colorVaadin，更改网格列颜色
【发布时间】：2016-06-07 09:52:10
【问题描述】：

我想更改网格的列颜色。不幸的是，什么也没发生……这是我的代码：

grid.setCellStyleGenerator(( Grid.CellReference cellReference ) -> {
            if ( "name".equals( cellReference.getPropertyId() ) ) {
                return "highlight-green";
            } else {
                return "rightAligned";
            } 
        });

mytheme.scss：

@import "../valo/valo.scss";

@mixin mytheme {
  @include valo;

  // Insert your own theme rules here

  .rightAligned {
      text-align: right;
  }

 .v-table-row.v-table-row-highlight-green,
 .v-table-row-odd.v-table-row-highlight-green {
      background-color: #00ff00;
  }
}

rightAligned 效果很好，但 highlight-green 不行

【问题讨论】：

Firefox 在inspecting CSS 风格问题上做得很好。您可以使用内置的开发人员工具来检查您的样式被覆盖的原因（如果是的话），甚至可以在客户端添加/更改样式以进行测试。
v-table-row 和 v-table-row-odd 用于 Vaadin Table，Grid 组件使用其他样式类 v-grid-row 和 v-grid-row-stripe。

标签： css grid themes vaadin vaadin7

【解决方案1】：

尝试添加background-color: #00ff00 !important;

您似乎需要重写框架的现有样式，!important 必须对此有所帮助。

【讨论】：

当我向我的主题添加样式时，!important 不是必需的。优先级由 @mixin 开头的 @include valo 主题控制。
你能创建jsfiddle吗？因此，为您的案例找到解决方案会更容易。
让我们等待 OP 的反馈。
!important 不会改变我的任何事情。