gridLib/jqGrid

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

dddzr 2022. 10. 23. 12:00

기본적으로 그리드는 헤더를 제외한 데이터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;
}