可扩展的网格Vaadin UI

Question

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

TreeGrid似乎有点矫枉过正，因为我不需要任何层次结构，只需要折叠/展开一行。我专门使用IE浏览器，我读过Drawyer无法使用IE 8及更高版本。我返回一个对象列表，对象只有两个字符串变量。

对此有何帮助？我是Vaadin 8的新手。

Answer 1

设置网格高度（变通方法）

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

请参阅Sampler demo。单击顶部的齿轮图标以显示示例Grid对象的属性。显示的最后一个属性是“Size（W x H）”。将100%更改为100px以查看效果。

网格高度设置为100％

网格高度设置为100px

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

Answer 2

我不认为这可以用朴素的Vaadin来完成。但我建议采用以下更简单的方法：

1. 最初致电grid.setHeightByRows(1.5)（javadoc）。这将显示恰好一行半，以指示可用的更多数据。滚动条也会出现。
2. 在网格中创建一个新列，其中包含一个按钮或在网格下方添加一个按钮 - 单击时 - 使用网格中的元素数量调用setHeightByRows并隐藏按钮。这将显示所有行。