Как я могу видеть детали к сетке в потоке Ваадина?

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");