Vaadin 流程 - 网格列为空

Question

Vaadin 11.0.1

布局是一个顶部网格和一个底部网格（一个在左边，一个在右边）

以下是我创建页面的方式：

public class InformationMainView extends VerticalLayout {
    private Grid<AdmisRejet> gridRejet = new Grid<>();
    private Grid<Entry<String, String>> admisPropertiesGrid = new Grid<>();
    private Grid<AdmisHistory> gridJobHistory= new Grid<>();

    public InformationMainView() {

        // history (top)
        gridJobHistory.setItems(admisHistoryRepository.findAllByOrderByJobExecutionDateDesc());
        gridJobHistory.addColumn(AdmisHistory::getJobExecutionDate).setHeader("Date Importation");
        gridJobHistory.addColumn(AdmisHistory::getCreatedBy).setHeader("Par");
        gridJobHistory.addColumn(AdmisHistory::getUai).setHeader("UAI");
        gridJobHistory.addColumn(admisHistory -> admisRejetRepository.findAdmisRejetByAdmisHistory(admisHistory).size()).setHeader("Nb Rejets");

        // reject (bottom left)
        gridRejet.addColumn(AdmisRejet::getTypeRejet).setHeader("Type rejet");
        gridRejet.addColumn(AdmisRejet::getInformation).setHeader("Valeur");
        gridRejet.addColumn(getBlockingIconRenderer()).setHeader("Bloquant");

        // details (bottom right)
        admisPropertiesGrid.addColumn(Entry::getKey).setHeader("Clé");
        admisPropertiesGrid.addColumn(Entry::getValue).setHeader("Valeur");

        add(gridJobHistory, new HorizontalLayout(gridRejet, admisPropertiesGrid));

底部没有渲染（甚至 headers）。它们中没有数据（正常，因为当我单击顶部网格时会填充数据）。

但我预计至少会看到列 headers...

这是渲染图：

Answer 1

我通过强制宽度使其工作：

HorizontalLayout bot = new HorizontalLayout();
bot.setWidth("100%");
bot.add(gridRejet, admisPropertiesGrid);
add(gridJobHistory, bot);

Vaadin 流程 - 网格列为空

Vaadin flow - Grid column empty

vaadin10

vaadin-flow

vaadin11