Как я могу использовать 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, где вы можете поместить свои правила.

На каждом компоненте вы можете использовать функцию addStyleName для добавления дополнительного имени класса:

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

Теперь вы можете использовать это в своей таблице стилей:

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

.mystyle{
  overflow: hidden !important;
}