Vaadin 8网格布局可消除行之间的多余空间

Question

我正在使用Vaadin 8 GridLayout来显示标签和文本字段，并且需要自定义单元格之间的间距。我在GridLayout上尝试了setSpacing函数，但是行之间的间距太大了。我已经附上了网格布局的快照，在行之间有过多的垂直间隔。我也尝试过更改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)。