jqGrid에서 groupHeaders 설정시 우측에 스크롤 생기는 현상 대처방법

jqGrid에서 groupHeaders 설정시

$("#grid").jqGrid('setGroupHeaders', {

useColSpanStyle: true, 

groupHeaders:[

{startColumnName: 'fm_etc',  numberOfColumns: 2, titleText: '처리'}

]

});

colNames 우측에 스크롤바가 생기는 현상이 발생합니다.

이때는 css 를 적용하면 해결이 됩니다.

overflow: hidden; 값을 .ui-widget-content .ui-state-default 클래스에 넣어줍니다.

예)

.ui-widget-content .ui-state-default {

overflow: hidden;

}

이제 컬럼 상단에 스크롤나오는 문제가 해결이 됐습니다.