[JS]jqGrid 최대 높이 정하기, 동적 스크롤 생성하기

jqGrid의 높이를 지정할수도 있지만, 높이보다 조회된 row 수가 적은 경우에는

jqGrid row부터 페이징처리하는 곳까지 빈 공간이 생기는 문제가 있다.

이럴 경우엔 맥시멈 높이를 정해서 해당 높이보다 적을 땐 height를 auto로 설정하여 빈공간이 생기지 않도록 하고,

맥시멈 높이를 넘어갈 때는 자동으로 스크롤을 생성해준다.

 

• max-height 설정하기

$("#jqgrid").jqGrid(
    gridComplate: function(){
        $("#jqgrid").parents("div.ui-jqgrid-bdiv").css("max-height", "500px");	// 최대 높이 지정
        $("#jqgrid").closest(".ui-jqgrid-bdiv").scrollTop(0);	// 스크롤 맨 위로
    }
)


// jqGrid 최대 높이 설정

해당 사항이 자동으로 생성될 수 있도록 gridComplete 함수 내에 작성한다.