可扩展网格 Vaadin UI
Expandable grid Vaadin UI
我有一个简单的网格。具有可变行数的两列。我想做到这一点，所以我有一个带有箭头的 header 行，可以折叠并显示整个网格。因此，当我启动该应用程序时，只有 header 行带有箭头可见，我可以单击 expand/collapse 以显示网格的其余部分。
A TreeGrid 似乎有点矫枉过正，因为我不需要任何层次结构，只需要 collapse/expand 一行即可。我只使用 IE，并且我读到 Drawyer 不适用于 IE 8 及更高版本。我 return object 的列表和 object 只有两个字符串变量。
有什么帮助吗？我是 Vaadin 8 的新手。
设置网格高度（解决方法）
作为一种变通方法，您可以将高度设置为大约您希望成为页眉高度的像素数。
见Sampler demo。单击顶部的齿轮图标以显示示例 Grid 对象的属性。最后显示的 属性 是 "Size (W x H)"。把100%改成100px看看效果。
网格高度设置为 100%
网格高度设置为 100px
您还可以隐藏页脚（请参阅该 属性 列表中的复选框）。
我不认为这可以用普通的 Vaadin 来完成。但我推荐以下更简单的方法：
- 最初调用
grid.setHeightByRows(1.5) (javadoc)。这将恰好显示一行半，以指示有更多数据可用。也会出现一个滚动条。
- 在网格中创建一个包含按钮的新列，或在网格下方添加一个按钮，当单击该按钮时，会调用
setHeightByRows 以及网格中的元素数并隐藏该按钮。这将显示所有行。
我有一个简单的网格。具有可变行数的两列。我想做到这一点，所以我有一个带有箭头的 header 行，可以折叠并显示整个网格。因此，当我启动该应用程序时，只有 header 行带有箭头可见，我可以单击 expand/collapse 以显示网格的其余部分。
A TreeGrid 似乎有点矫枉过正，因为我不需要任何层次结构，只需要 collapse/expand 一行即可。我只使用 IE，并且我读到 Drawyer 不适用于 IE 8 及更高版本。我 return object 的列表和 object 只有两个字符串变量。
有什么帮助吗？我是 Vaadin 8 的新手。
设置网格高度（解决方法）
作为一种变通方法，您可以将高度设置为大约您希望成为页眉高度的像素数。
见Sampler demo。单击顶部的齿轮图标以显示示例 Grid 对象的属性。最后显示的 属性 是 "Size (W x H)"。把100%改成100px看看效果。
网格高度设置为 100%
网格高度设置为 100px
您还可以隐藏页脚（请参阅该 属性 列表中的复选框）。
我不认为这可以用普通的 Vaadin 来完成。但我推荐以下更简单的方法：
- 最初调用
grid.setHeightByRows(1.5)(javadoc)。这将恰好显示一行半，以指示有更多数据可用。也会出现一个滚动条。 - 在网格中创建一个包含按钮的新列，或在网格下方添加一个按钮，当单击该按钮时，会调用
setHeightByRows以及网格中的元素数并隐藏该按钮。这将显示所有行。