Vaadin Flow Grid 没有高度

Question

我有以下 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");

当我用 setHeightByRows(true) 替换 setHeight 时显示所有项目。但是，只要我不指定 systemPropertyGrid.setHeightByRows(true)，网格在浏览器（Firefox、Edge）中的计算高度为 2 像素，即边框。但是，正如我在 Firefox 开发人员工具中看到的那样，元素样式 height 已正确设置为 500px。

Vaadin Flow 中存在错误？浏览器最终不使用元素样式 height 怎么可能？

截图：

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

Answer 1

你是对的。它在 Firefox 中不起作用，但在 Chrome 中有效。您可以在 GitHub 中提交问题。作为解决方法，如果您设置父级 VerticalLayout 的高度，它在 Chrome 和 Firefox 中都有效。因此，添加以下语句：

setHeight("500px");

Answer 2

已在 Vaadin Grid v5.0.5 中修复，已作为 Vaadin 10.0.9 或 Vaadin 11.0.4 的一部分发布。所以你需要确保使用其中任何一个。（在最初发布时当然没有发布）

Vaadin Flow Grid 没有高度

Vaadin Flow Grid has no height

vaadin

vaadin10

vaadin-flow