如何在Vaadin Flow中显示网格单元工具提示

时间:2018-09-15 12:52:37

标签: vaadin vaadin-grid

使用Vaadin 8,您可以为网格单元设置工具提示。 Vaadin Flow(当前使用v 11.0.0)中不提供此功能。有其他选择吗?

1 个答案:

答案 0 :(得分:1)

尚无内置功能。最简单的方法可能是设置元素的“标题”属性。一个示例是使用TemplateRenderer,这里有一个示例

https://vaadin.com/components/vaadin-grid/java-examples/using-templates

从上面的示例复制代码的相关部分

grid.addColumn(TemplateRenderer.<Person> of(
        "<div title='[[item.name]]'>[[item.name]]<br><small>[[item.yearsOld]]</small></div>")
        .withProperty("name", Person::getName).withProperty("yearsOld",
                person -> person.getAge() > 1
                        ? person.getAge() + " years old"
                        : person.getAge() + " year old"))
        .setHeader("Person");