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

Question

使用Vaadin 8，您可以为Grid单元格设置工具提示。此功能在Vaadin Flow中不可用（目前使用的是v 11.0.0）。还有其他选择吗？

Answer 1

目前还没有内置功能。最简单的方法可能是设置元素的“title”属性。一个例子是使用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");