我该如何在Vaadin组件中使用CSS？

Question

5

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

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

我该如何在创建的表格中使用这段代码？

Table table = new Table(caption);

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

- Arturas M

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- raffael · Accepted Answer

你可以创建自己的自定义主题。请查看https://vaadin.com/book/-/page/themes.creating.html了解如何操作。
在这个主题中，你有一个 CSS 样式表，可以在其中放置你的规则。

在每个组件上，你都可以使用 "addStyleName" 函数来添加额外的类名：

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

现在你可以在样式表中使用这个：

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

.mystyle{
  overflow: hidden !important;
}