jqGrid auto resize

jqGrid를 이용할 때 특정 화면에 맞추어서 auto width를 적용해 두었거나 직접 width를 적용해두고 해당 화면의 크기를 변경하는 경우, jqGrid의 크기는 그대로여서 화면이 깨지는 경우가 발생한다.

 

이 경우 아래와 같은 스크립트를 이용하여 resize를 해줄 수 있다.

 

   	$(window).on('resize.jqGrid', function () {
   		jQuery("#jqGrid table Id").jqGrid( 'setGridWidth', $("#jqGrid를 감싸는 Div Id").width())
   	})