GWT DataGrid 다중 행 머리글

일부 GWT 내용을 CellTable에서 DataGrid으로 마이그레이션합니다. 주로 스크롤 할 때 머리글 행을 잠그는 DataGrid의 기능에 사용됩니다.GWT DataGrid 다중 행 머리글

CellTable을 사용하면 텍스트 구문이 너무 길면 열 머리글 텍스트가 다음 줄로 바뀝니다. CellTable의 머리글은 동적으로 키가 커집니다. 이것은 기본 동작이었고 어떤 CSS 파일도 편집하지 않았습니다.

DataGrid에서이 동작을 수행 할 수 있습니까? 내 기본 프로젝트 CSS 파일을 변경해야합니까, 아니면 clean.css를 변경합니까? DataGrid에서 독점을 설정하는 프로그래밍 방식이 있습니까?

TextColumn 등을 만들고 dataGrid.addColumn()을 통해 추가 중입니다.

데이터 그리드 헤더는 포장 브라우저 윈도우의 폭을 축소하는 경우 여기에 예를 보면, 헤더는 포장하지 않습니다 같은 길. 브라우저에서 어떤 CSS 속성이 줄 바꿈을 방지하는지 확인하십시오 (고정 된 높이, 공백 또는 줄 바꿈 일 수 있음). –

@Andrei, 어떻게해야할지 모르겠습니다. 나는 css에 대해 아무것도 모른다. 새 프로젝트를 만들 때 GWT Eclipse 플러그인이 만든 기본 CSS가 있습니다. –

쇼케이스 DataGrid에는 'white-space : nowrap;'속성이 설정되어 있습니다. –

당신의 CSS 파일이 추가 :

th { 
    white-space: normal !important; 
}

2013-02-12 20:23:13

답변