AUISoft에이유아이소프트
다운로드 센터 온라인 견적서 출력
데모 본문으로 이동

셀 선택(Selection) 시 나타나는 인디케이터를 변경한 모습입니다.

대표적인 1개의 셀에 테두리를 치고(showSelectionBorder = true 설정) 셀과 행 선택 영역 스타일을 재정의 한 모습입니다. 

<style>
/* ROW -셀력션 백그라운드 스타일 재정의 */
#grid_wrap .aui-grid-selection-row-bg {
	background: #E4F7BA !important;
	color: #000 !important;
	font-weight: normal !important;
}

/* Cell -셀력션 백그라운드 스타일 재정의 */
#grid_wrap .aui-grid-selection-bg {
	background: #ECEBFF !important;
	color: #000 !important;
	font-weight: normal !important;
}

/* Cell -셀력션 다중 선택 스타일 재정의 */
#grid_wrap .aui-grid-selection-others-bg {
	background: #ECEBFF !important;
	color: #000 !important;
	font-weight: normal !important;
}

/* 셀렉션의 대표 셀 보더 색상 스타일 재정의*/
#grid_wrap .aui-grid-selection-cell-border-lines {
	background: #22741C;
	color: #000 !important;
}
</style>