【问题标题】：Expandable grid Vaadin UI可扩展的网格 Vaadin UI
【发布时间】：2018-05-19 22:31:28
【问题描述】：

我有一个简单的网格。具有可变行数的两列。我想这样做，所以我有一个带有箭头的标题行，可以折叠并显示整个网格。因此，当我打开应用程序时，只有标题行带有箭头可见，我可以单击展开/折叠以显示网格的其余部分。

TreeGrid 似乎有点矫枉过正，因为我不需要任何层次结构，只需要折叠/展开一行的能力。我只使用 IE，而且我读过 Drawyer 不适用于 IE 8 及更高版本。我返回一个对象列表，该对象只有两个字符串变量。

对此有什么帮助吗？我是 Vaadin 8 的新手。

【问题讨论】：

【解决方案1】：

设置网格高度（解决方法）

作为一种解决方法，您可以将高度设置为大约是您期望的标题高度的像素数。

请参阅Sampler demo。单击顶部的齿轮图标以显示示例 Grid 对象的属性。显示的最后一个属性是“尺寸（宽 x 高）”。把100%改成100px看看效果。

网格高度设置为 100%

您还可以隐藏页脚（请参阅该属性列表中的复选框）。

【讨论】：

【解决方案2】：

我认为普通的 Vaadin 无法做到这一点。但我推荐以下更简单的方法：

最初调用grid.setHeightByRows(1.5) (javadoc)。这将仅显示一行半，以表明有更多数据可用。滚动条也会出现。
在网格中创建一个具有按钮的新列，或在网格下方添加一个按钮 - 单击时 - 调用 setHeightByRows 并显示网格中的元素数量并隐藏该按钮。这将显示所有行。

【讨论】：