2013-03-02 3 views
1

내 Vaadin 응용 프로그램의 일부 레이아웃에 3 개의 표 구성 요소가 연결되어 있습니다. 내 3 개의 테이블 모두에 다른 배경색을 지정하고 싶습니다. 나는 table1은 푸른 색, table2는 노란 색, table3은 붉은 색을 가지고있다. 어떻게 그런 일을 성취 할 수 있습니까? 감사합니다.Vaadin의 색칠 표

답변

2

나는 다음과 같은 방법으로했을 :

다음과 같이

.classname .v-table-body{ 
yourstyle goes here 
} 

테이블의 스타일을 설정하여을 styles.css 파일에 CSS 다음 추가 :

table1.setStyleName을 ("classname");

은 당신뿐만 아니라 다른 두 테이블에 같은 일을해야 만

+0

표 1의 스타일을 적용합니다. 하지만 예, 구성 요소의 스타일 이름을 지정하면 구성 요소 인스턴스 특정 테마를 정의 할 수 있습니다. –

+1

['setStyleName']보다는 https://vaadin.com/api/com/vaadin/ui/Component.html#addStyleName (java.lang.String)을 원한다고 생각합니다. (https : //vaadin.com/api/com/vaadin/ui/Component.html#setStyleName%28java.lang.String%29). 'setStyleName' 메소드는 적용된 다른 CSS를 제거합니다. –