Vaadin 网格布局边框

Vaadin Grid layout borders

我的 View (GridLayout) 中有三个表格,其中 TextField 很少,我需要用黑线边框指定每个表格。我怎样才能做到这一点。我需要包括 css 吗?提前致谢!

是的,您需要向 GridLayout 添加样式。

final GridLayout gridLayout = new GridLayout();
// Add stuff to it ...
gridLayout.addStyleName("your-css-tag");

在你的主题中css(在我的工作区webapp/VAADIN/themes/mytheme/mytheme.scss):

.your-css-tag {
    border-style: solid;
    border-color: black;
    border-width: 1px;
    padding: 5px;
}

您可能需要重建您的项目,以合并 CSS。在 Maven 中,这意味着执行 Lifecycle 任务 cleaninstall

有关详细信息,请参阅有关主题 的手册章节。