如何在Vaadin flow中查看网格的详细信息？

Question

在我的Vaadin flow项目中，我有一个网格，我设置了一些项，但它显示为grid data items

我想要一个像样的格式，用户可以看到不喜欢的具体细节。你有什么想法，或者说，在vaadin中有什么组件可以让它变得更漂亮吗？

Answer 1

有两个选项可以做到这一点：

• 提供了一个比你现在使用的.toString()更好的ValueProvider。例如，

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

你可以提供一个“复杂的”

• TemplateRenderer：结构来放置内容。文档包含一个示例：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");