CellTable GWT에서 전체 열의 배경색을 설정하는 방법

GWT의 CellTable에서 전체 열의 배경색을 설정하는 방법을 찾고 싶지만 행운은 없습니다. CellTable의 스타일에서는 마지막 및 첫 번째 열의 배경색을 설정하는 데 사용할 수있는 cellTableLastColumn 및 cellTableFirstColumn 스타일 만 발견했습니다. 모든 개체가 열 인덱스를 매개 변수로 전달하여 모든 열의 전체 열 배경색을 설정하는 방법을 알고 있습니까? 고맙습니다.CellTable GWT에서 전체 열의 배경색을 설정하는 방법

출처

2011-07-26 Fan

addColumnStyleName을 사용하면 Widget에서 addStyleName을 사용하는 것처럼 CSS 클래스 이름을 열에 추가 할 수 있습니다.

출처

2011-07-26 22:13:19

답장을 보내 주셔서 감사합니다. addColumnStyleName은 스타일을 열 머리글에만 적용하는 것처럼 보입니다. 이 함수를 사용하여 배경색을 설정할 때 CellTable의 전체 열이 아니라 열 머리글 색만 변경되었습니다. – Fan

'addColumnStyleName'에 전달 된 스타일은'col' HTML 태그에 추가되므로 _whole_ 열에 적용됩니다. 그러나'CellTable'은 짝수 행과 홀수 행을 다르게 색칠하기 때문에 사용자 정의 스타일에서 설정 한 배경색이 개별 셀에서 오버라이드됩니다. 나는 이것을 시도하지는 않았지만, 짝수/홀수 행의 색칠을 기꺼이 해내 고 싶다면 http://stackoverflow.com/questions/4194717/how-do-i-style-a-gwt를 사용할 수 있다고 생각합니다. -2-1-celltables-headers는 기본 스타일의 배경색을 제거합니다. – Hbf

(계속 내 의견 : 기본 스타일은 다음과 같습니다. http://www.google.com/codesearch#A1edwVHBClQ/user/src/com/google/gwt/user/cellview/client/CellTable.css – Hbf

table.addColumnStyleName(colIndex, "mystyle")을 사용하면 CellTable에 mystyle을 테이블 <colgroup>에 추가 할 수 있습니다. 이 mystyle { background-color : #D0E4F6; } 같은 CSS 규칙으로

<table ...> 
    <colgroup><col><col><col class="mystyle"><col>...</colgroup> 
    ...

같은 HTML 결과,이 헤더를 포함한 전체 칼럼의 배경색을 설정합니다.

짝수/홀수 행에 대한 GWT CSS 규칙이 우선 순위를 가지며 배경색을 덮어 쓰며 머리글을 제외한 모든 열의 스타일을 갖기 때문에 충분하지 않습니다.

이 문제를 해결하려면 column.setCellStyleNames("mystyle")을 열로 사용하십시오. 이로 인해 열의 <td>이 클래스 mystyle을 수신하게됩니다. 그런 다음 열 (헤더)의 배경 색상과 <td> 년대를 설정

.mystyle, td.mystyle { 
    background-color : #D0E4F6; 
}

같은 CSS를 사용할 수 있습니다.

출처

2012-01-04 18:38:14 Hbf

CellTable GWT에서 전체 열의 배경색을 설정하는 방법

답변

관련 문제