2012-06-21 3 views
0

GWT 애플리케이션에 그리드가 있습니다 모든 행/열의 데이터 크기가 동일하면 데이터가있는 열과 행이 있지만 잘 작동하지만 일부 데이터 더 커지면, 그리드의 모든 형식이 방해가됩니다.GWT : 어떻게 내 그리드 테이블을 포맷 할 수 있습니까

첨부 된 GRID의 스크린 샷은 더 큰 텍스트 또는 다른 방법으로 툴팁을 만들 수있는 것과 같은 해결책입니다. 당신의 열의 텍스트가 클립 않도록

enter image description here

답변

0

당신은 생략 텍스트 오버 플로우를 정의 할 수 있습니다.

텍스트 오버플로 선언을 사용하면 자르기 텍스트 (텍스트 상자에 맞지 않는 텍스트)를 처리 할 수 ​​있습니다. 줄임표 값을 사용하면 텍스트에 세 개의 마침표가 추가됩니다.

.columnOverflow { 
    overflow: hidden; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 
+0

나는 라벨이 CSS를 추가 한 후 내 그리드 내부의 label.gettext을 추가,하지만 효과는 어떤 생각에 .. 사업부에 추가 – user1226162

+0

시도는, 셀 내용은

longtest111111
같이 안했습니다. 불 덩어리를 검사하십시오. – koma

+0

또한 전체 텍스트가 포함 된 툴팁을 얻으려면 div에 title = "longtest1111111"을 추가하십시오. – koma

관련 문제