jqGrid 가로 스크롤 (데이터/row 없을 때)

기본적으로 그리드는 헤더를 제외한 데이터row 영역에 scroll이 생기기 때문에

row(데이터) 추가전에는 scroll이 생기지 않아 컬럼헤더가 잘린다.

 

css를 아래와 같이 변경해주면 row추가 전에도 가로스크롤이 생기며

row추가시 세로스크롤과 가로스크롤이 자연스럽게 보이도록 할 수 있다.

.ui-jqgrid .ui-jqgrid-bdiv {
	position: relative;
	margin: 0em;
	padding: 0em;
	overflow-x: auto;
	overflow-y: auto;
	border-left: 0px none !important;
	border-top : 0px none !important;
}

.ui-jqgrid .ui-jqgrid-bdiv > div {
	width: fit-content;
}