java Vaadin 8网格布局删除行之间的多余空间

Question

我使用Vaadin 8 GridLayout显示标签和文本字段，需要自定义单元格之间的间距。我在GridLayout上尝试了setspace函数，但是行之间的间距太大了。我附加了一个gridlayout的快照，其中行之间的垂直间距过大。我也尝试过修改css文件，但效果不佳

gridLayout.setSpacing(true);

.mygrid .v-gridlayout-spacing-on 
{
padding-left: 10px;
padding-right: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
gridLayout.addStyleName("mygrid");

如果有人能帮我解决这个问题，我将不胜感激

Answer 1

在Vaadin forum上描述的方式如下：

.mygrid .v-gridlayout-spacing-on {
    width: 10px; 
    height: 10px; 
}

我发现这可以增加间距，但不能减少很多间距

这同样有效，但似乎可以更好地控制狭窄的间距：

.mygrid .v-gridlayout-spacing-off {
    padding-left: 10px;
    padding-top: 2px; 
}

-清楚地用gridLayout.setSpacing(false)