※ 먼저 그리드가 밀리는 현상은 블로그 주인과 항상 동일한 사유가 아닐 수 있습니다.
블로그 주인과 동일한 수정으로 수정이 되지 않는다고 욕하시면 안됩니다. ㅠㅠ
jqGrid 를 이용하여 프로젝트를 진행하다보면 아래 그림과 같이 그리드가 엇갈리는(밀리는) 현상이 발생하는 경우가...
해당 현상은 jqGrid의 초창기부터 내려오는 버그로서... 버전업이 되어도 고쳐지지 않는 현상이라 할 수 있습니다.
원인은 아래 그림에서 붉은색 부분의 가로 사이즈가 일치하지 않아 발생하는 현상으로 크롬에서는 정상 동작하나 IE에서 해당 현상이 발생하였습니다.
다음의 코드를 이용하여 해당현상을 수정하였습니다.
1 2 3 4 5 6 7 8 9 10 11 12 | loadComplete : function(data){ /*IE Cross Browsing Patch*/ if ($.browser.msie) { var patchWidth = $("[aria-labelledby='gbox_"+$(this).prop("id")+"']").css("width"); var patchTarget = $(this).parent(); $(patchTarget).css("width", patchWidth); } .... ... .. . | cs |
데이터를 조회하기 전에는 데이터가 없기 때문에 조회 할 경우 해당 사이즈를 일치 하여 주는 스크립트를 삽입하여
정상동작 하도록 수정할 수 있습니다.
- 끝 -
'Web > JQuery' 카테고리의 다른 글
| jQuery UI dialog와 Bootbox(bootstrap) 기능을 사용할때 오류 (0) | 2017.08.04 |
|---|---|
| Button Click 시 Submit이 되는현상 (0) | 2017.02.21 |
| [JavaScript] 데이터 타입 - 수 (Numbers) (0) | 2016.10.14 |
| [JavaScript] 개요 (0) | 2016.10.14 |
| [JavaScript] 입문편 (0) | 2016.10.14 |