如何在Vaadin Gridlayout中自定义标签

Question

我正在使用5x4 vaadin网格布局。 我想在网格中添加两个自定义标签。我正在使用.scss进行样式设计。我无法完整填写标签。无论我将标签的高度和宽度设置为100％。它没有填满整个。我附上了一个.png我怎么需要结果。

我尝试过的事情。

_Layout = new GridLayout(5,4);
_Layout.setWidth(100, Unit.PERCENTAGE);
_Layout.setHeight(23, UNITS_CM);
_Layout.setSizeFull();
_Layout.setSpacing(true);
_Layout.addStyleName("grid");

_Name = new Label("");
_Name.setSizeFull();
_Name.setWidth("100px");
_Name.setHeight("100%");
_Name.addStyleName("label");

在我的.scss中我有类似的东西。

.label {
    color: black;
     background-color: lightblue;
     text-align: center;
     width: 100px;
     height: 100px;
     font-size: 80px;
     text-align: center;
    }

.grid {
    display:grid;
    height: 10px;
    grid-gap: 10px 40px;
    grid-template-rows: 50px;
    }

但它没有填补一个街区。请找到附件。谢谢。