smartgwt IE11 UI 문제

Question

프론트 엔드 프레임 워크로 smartgwt를 사용하는 J2EE 프로젝트에서 프론트 엔드 페이지에는 JSP 페이지와 smartgwt 코드가 포함 된 Java 클래스가 포함됩니다. IE8에서는 모든 페이지와 smartgwt UI 구성 요소가 제대로 작동하지만 IE11에는 UI 문제가 있습니다.

IE11에는 한 가지 유형의 문제 만 있습니다. 목록 그리드 콘텐츠가 목록 테두리 아래쪽 테두리를 초과하므로 스크롤 막대가 작동하지 않습니다. 문제가 항상 발생하는 것은 아닙니다. 페이지에서 일부 추가, 업데이트 또는 삭제 작업 (Ajax 작업이므로 페이지가 전송 및 다시로드되지 않음)이 발생한 후 데이터가 그리드에로드됩니다.

문제 전후에 페이지의 HTML 코드를 저장했습니다. 생성 된 두 HTML 코드에는 많은 차이점이 있지만 UI 문제와 직접적인 관련이있는 두 가지 주요 차이점이 있습니다. 하나는 잘못된 목록의 listgrid div의 스타일 속성이고 overflow:hidden;은 포함하지 않으며 다른 하나는 목록 그리드의 높이와 너비를 제어하는 ​​DIV가 올바른 페이지에 height:300px 높이 인 반면 잘못된 페이지에는 height:4534px의 높이가 있습니다.

smartgwt 버전을 4.0으로 업그레이드하고 gwt 버전을 2.5.1로 업그레이드하려고 시도했지만 문제가 해결되지 않았습니다.

나는 smartgwt에 익숙하지 않은데, 나는 문제의 해결책을 찾기 위해 어디를 봐야할지 모르겠다. 나는 그것이 페이지의 자바 smartgwt 코드에 의해 야기 된 것인지 모른다. 또는 smartgwt이다. IE11이나 다른 이유로 문제가 있습니다. 문제의 해결책을 찾기 위해 어느 방향으로 안내해야합니까?

Answer 1

옵션 1 : 근본 원인은 CSS에 오버플로 및 높이 속성이없는 표를 DIV 배치 할 수 있습니다. 또한 테이블 높이는 예를 들어 부모 div 내부에서 실행되는 런타임에 동적으로 추가됩니다. 500px div.

div { 
    overflow:scroll; 
    height: 500px; 
} 

옵션 2 : 테이블 레이아웃 고정 속성을 테이블에 추가하고 첫 번째 행 td 열의 너비를 설정하십시오. 레이아웃은 첫 번째 행을 기준으로 고정됩니다. 그 너비를 설정하면 나머지 테이블이 따라옵니다. 더 작업 예제

는

table {  
    table-layout: fixed;  
} 
td { 
    width:25%; 
} 

URL : http://css-tricks.com/fixing-tables-long-strings/ http://codepen.io/krunalv/pen/xbpwZP