vaadin - 如何在 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");