相关疑难解决方法(0)

基于内容的Vaadin 10网格样式个别行

我正在使用Vaadin网格显示传入信息并实时更新.我已经能够通过访问DOM来设置所有行的样式,如下所示:

<dom-module id="my-grid" theme-for="vaadin-grid">
    <template>

        <style>
            [part="row"] {
                height: 27px;
                font-size: 14px;
                max-height: 27px;
            }

        </style>
    </template>
</dom-module>
Run Code Online (Sandbox Code Playgroud)

我想要做的是根据行数据的内容为特定行设置特定样式.基本上我有一列布尔值,如果它是真的,我希望该行有一个绿色背景,如果它是假的,我希望该行有一个红色背景.现在确定我将如何在我的Java代码或我的代码中执行此操作shared-styles.html.非常感谢!

我已经看到这个示例用于基于条件以编程方式设置列,但不是行.

Grid<Person> grid = new Grid<>();
grid.setItems(people);

grid.addColumn(new ComponentRenderer<>(person -> {
    if (person.getGender() == Gender.MALE) {
        return new Icon(VaadinIcons.MALE);
    } else {
        return new Icon(VaadinIcons.FEMALE);
    }
})).setHeader("Gender");
Run Code Online (Sandbox Code Playgroud)

java vaadin vaadin-grid

3
推荐指数
1
解决办法
2248
查看次数

标签 统计

java ×1

vaadin ×1

vaadin-grid ×1