Vaadin设置网格中选定行的背景色

Question

我是瓦丁开发公司的新人，我希望有人能帮助我。我刚刚用模型创建了一个网格表，一切都很好。但是现在，我想改变选定行的背景颜色。我想，我必须创造一个主题。我在瓦丁论坛上发现了这个：https://vaadin.com/forum/thread/17867059/how-to-set-selected-row-opacity-in-vaadin-grid

这是我已经做过的：

1. 我用链接中的代码创建了一个html类。我把这个类称为网格选择主题。html

以下是论坛中其他线程的代码：

<dom-module id="grid-header" theme-for="vaadin-grid">
  <template>
    <style>
        :host(:not([reordering])) [part~="row"][selected] [part~="body-cell"]:not([part~="details-cell"]) {
                background-color: rgba(255, 0, 0, .50);
        }
    </style>
  </template>
</dom-module>

但它不起作用。

Answer 1

这对我来说似乎很好，你的框架版本是什么？

如果您使用的是Vaadin 14，则需要将样式放置到中。css文件，并使用@CSSImport

1. 我的样式文件gridstyle。css包含：

:host([theme~="grid-selection-theme"]) [part~="row"][selected] [part~="body-cell"]:not([part~="details-cell"]) {
    background-color: red;
}

使用网格的类定义了这个导入：
@CssImport（value="./style/gridStyles.css"， themeFor="vaadin-rid"）

网格添加了主题名称

我已经更改了一个主机选择器来反映主题属性：如果你在同一个页面上有多个网格，那么样式将只应用于具有mygrid.addThemeName（“网格选择主题”）的网格；