如何在Vaadin流中查看网格的细节？

Question

在我的Vaadin流项目中，我有一个网格，我设置了一些项，但它显示像网格数据项

我想要一个体面的格式，用户可以看到具体的细节不喜欢。有什么想法或者vaadin中有什么成分可以让这个变得漂亮吗？

Answer 1

有两种方法可以做到这一点：

• 提供的valueProvider比现在在您的属性中使用的.tostring()更好。例如

grid.addColumn(person -> Integer.toString(person.getYearOfBirth()))
        .setHeader("Year of birth");

• TemplateRenderer:您可以提供一个放置内容的“复杂”HTML结构。这些文档包含一个示例:https://github.com/vaadin/flow-and-components-documentation/blob/master/documentation/components/tutorial-flow-grid.asciidoc#using-template-renderers例如:

grid.addColumn(TemplateRenderer.<Person> of("<b>[[item.name]]</b>")
              .withProperty("name", Person::getName)).setHeader("Name");