如何将CSS用于Vaadin组件？

Question

我似乎看到了一些例子,人们通过添加CSS代码回答问题如何从组件中获取某些特定行为,但似乎没有人解释如何使用该CSS代码将其连接到Java组件......

.v-table-body{
  overflow: hidden !important;
}

我如何在我创建的表上使用此代码？

Table table = new Table(caption);

    table.addContainerProperty("Visit ID", Long.class, null);

Answer 1

您可以创建自己的自定义主题.请参阅https://vaadin.com/book/-/page/themes.creating.html如何操作.
在这个主题中,你有一个css样式表,你可以在其中放置规则.

在每个Component上,您可以使用addStyleName函数添加其他类名:

Table table = new Table("MyCaption");
table.addStyleName("mystyle");

现在您可以在样式表中使用它:

@import "../reindeer/styles.css";

.mystyle{
  overflow: hidden !important;
}