如何使用Vaadin組件的CSS？

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; 
}