GWT CellTable 헤더 스타일을 찾으십시오.

Question

TH는 어떻게 GWT ​​CellTable의 제목의 스타일을 프로그래밍 방식으로 조회 할 수 있습니까?

나는 Client Bundle 문서를 살펴 봤지만 모두가 어떻게 어울리는 지 즉시 알지 못합니다. 감사.

Answer 1

쉬운 솔루션 :

import com.google.gwt.user.cellview.client.CellTable.Resources; 

private String getCellTableHeaderStyle() { 
    Resources res = GWT.create(Resources.class); 
    return res.cellTableStyle().cellTableHeader(); 
} 

Answer 2

되지는 TH 스타일의 이름을 액세스 할 때 수행 할 정확히 확인하십시오.

셀 테이블 헤더의 표준 CSS 스타일을 재정의하려면 구성 요소의 모양을 변경하기 위해 재정의 할 수있는 CSS 스타일이 있습니다.

.cellTableFirstColumnHeader {} 

.cellTableLastColumnHeader {} 

.cellTableHeader { 
     border-bottom: 2px solid #6f7277; 
     padding: 3px 15px; 
     text-align: left; 
     color: #4b4a4a; 
     text-shadow: #ddf 1px 1px 0; 
     overflow: hidden; 
} 

.cellTableSortableHeader { 
    cursor: pointer; 
    cursor: hand; 
} 

.cellTableSortableHeader:hover { 
    color: #6c6b6b; 
} 

.cellTableSortedHeaderAscending { 

} 

.cellTableSortedHeaderDescending { 

} 

여기 cellTables

CellTable.css 당신은 프로그램 헤더에 액세스하려면 이제, 당신은 당신의 테이블의 머리글을 해당 TableSectionElement를 얻을 수 this solution을 사용할 수 있습니다에 대한 스타일의 전체 목록입니다. 그런 다음 행에 액세스 한 다음 셀을 찾아서 자신의 스타일을 조회 할 수 있습니다. 머리글 스타일을 재정의하려는 경우 테이블에 열을 추가 할 때

는

마지막 것은, 어쩌면 당신은

public void addColumn(Column<T, ?> col, Header<?> header) 

그런 다음 헤더를 만들거나 다음 스타일을 설정 예를 들어 TextHeader을 사용하여 다음과 같은 방법을 사용할 수 있습니다 그것에

TextHeader textHeader = new TextHeader("headerTitle"); 
textHeader.setHeaderStyleNames("my-style"); 
myTable.addColumn(myColumn, textHeader); 

public void setHeaderStyleNames(String styleNames) 

실시 예를 이용하여 테이블에 추가하기 전에