GS인증 AUIGrid v3.0.16

엑스트라 칼럼은 행 드래그&드랍 손잡이(showDragKnobColumn), 행 번호(showRowNumColumn), 행 상태(showStateColumn), 행 체크박스(showRowCheckColumn) 4가지가 존재합니다.

4가지 모두 활성화로 설정한 경우 기본 순서는 위의 나열 순서 대로 출력 시킵니다.

순서를 변경하고자 한다면 엑스트라 칼럼 출력 속성 이름을 배열에 지정하면 해당 순서에 맞게 출력 시킵니다.

예로 작성하면 다음과 같습니다.

// 엑스트라 체크박스 칼럼을 맨 앞으로, 나머지 칼럼은 기본 순서 유지 (나머지 칼럼 유지는 배열에 지정하지 않으면 유지 시킴)
extraColumnOrders = ["showDragKnobColumn"];
 
// 엑스트라 체크박스, 행 번호, 상태, 드래깅 손잡이 순으로 순서 지정하기
extraColumnOrders = ["showRowCheckColumn", "showRowNumColumn", "showStateColumn", "showDragKnobColumn"];

데모는 다음과 같이 행 체크박스를 맨 처음으로 설정하고 나머지는 기본을 유지한 모습입니다.

// 그리드 속성 설정
const gridProps = {
      ...
	// 엑스트라 칼럼들 순서
	extraColumnOrders : ["showRowCheckColumn"]
};