Vaadin流网格没有高度

时间:2018-07-20 13:07:18

标签: vaadin vaadin10 vaadin-flow

我有以下Grid显示了Java系统属性:

systemPropertyGrid = new Grid<>();
systemPropertyGrid.setItems(buildSystemProperties());
systemPropertyGrid.addColumn(SystemProperty::getProperty).setHeader("Property").setFlexGrow(1);
systemPropertyGrid.addColumn(SystemProperty::getValue).setHeader("Value").setFlexGrow(5);
systemPropertyGrid.setHeight("500px");

当我将setHeight替换为setHeightByRows(true)时,将显示所有项目。但是,一旦我没有指定systemPropertyGrid.setHeightByRows(true),网格在浏览器(Firefox,Edge)中的边界高度即为2像素。但是,正如我在Firefox开发人员工具中看到的那样,元素样式height已正确设置为500px

Vaadin流中的错误?最终浏览器怎么可能不使用元素样式height

截屏: Grid that is filled with items and height set to 500px but is actually 2px high

使用Vaadin Flow弹簧启动器的SSCCE: my-starter-project_51443246.zip。调用Maven目标springBoot:run。

2 个答案:

答案 0 :(得分:3)

你是对的。它不适用于Firefox,而适用于Chrome。您可以在GitHub中提交问题。 解决方法是,如果设置父级VerticalLayout的高度,则它可以在Chrome和Firefox中使用。因此,添加以下语句:

setHeight("500px");

答案 1 :(得分:1)

已修复Vaadin Grid v5.0.5中的问题,该问题已作为 Vaadin 10.0.9 Vaadin 11.0.4 的一部分发布。因此,您需要确保使用其中任何一个。 (当然,在原始发布时并未发布)