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

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

但是我希望至少能看到列标题...

以下是渲染：

Answer 1

我通过强制宽度使其起作用：

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