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