Vaadin - 선택된 표 셀/행 강조 표시

Vaadin Table 구성 요소에서 선택한 셀 또는 선택한 행을 강조 표시 할 수 있습니까? 자바를 통해이 작업을 수행해야합니다. 그러면 ItemClickListener가있는 클릭 된 항목을 잡았을 때 선택한 배경을 선택한 셀 또는 행으로 푸시해야합니다. 팁이 있습니까?Vaadin - 선택된 표 셀/행 강조 표시

출처

2013-07-10 Lorenzo Sciuto

Vaadin의 기본 테마는 일반적으로 vaadin 테이블에서 선택된 행의 특정 스타일을 지원합니다.

선택한 행에 사용자 정의 스타일을 적용 할 경우 CSS를 통해 수행 할 수 있습니다

.v-table tr.v-selected { 
    background-color: #5B677D; 
    color: #fff; 
}

전제 조건 : 내가 테마에 의해 만들어진 스타일을 덮어 쓸 수있는 방법을Chapter 8.4 "Creating and Using Themes" from Book of Vaadin

출처

2013-07-11 10:43:18

야? 예를 들어, 이미 테마가 설치되어 있고 v-selected를 해당 테마로 덮어 쓸 수 있습니다. Tnx –

@VasileSurdu AFAIK, 기존 테마를 확장 (예 : 새 맞춤 테마 만들기) 한 다음 스타일을 덮어 쓸 것으로 예상됩니다. 구성 요소에 [스타일 이름을 추가] (https://vaadin.com/api/com/vaadin/ui/AbstractComponent.html#addStyleName (java.lang.String)) 한 다음 사용자 지정 구성 요소 별 선택기를 만들 수도 있습니다. 테마 스타일 오버라이드. –

해결책을 찾았습니다 .v- 테이블 tr.v- 선택 .v- 선택한 { \t 배경 : #EEEEEE; \t 색상 : 검정색; } –

Vaadin - 선택된 표 셀/행 강조 표시

답변

관련 문제