GS인증 AUIGrid v3.0.16

그리드 셀을 전체 선택 활성화 한 모습입니다. 다음 두 속성을 설정하면 전체 선택을 할 수 있습니다.

// 그리드 속성 설정
const gridProps = {
	// 전체 선택 활성화
	enableSelectionAll: true,
	// 전체 선택 활성화를 위해서는 선택 모드 "multipleCells" 또는 "multipleRows" 설정해야 함
	selectionMode: "multipleCells"
};

전체 선택이 활성화되면 Ctrl + A 단축키가 활성화 되며, 행 번호 칼럼의 헤더인 "No" 를 클릭하여 전체 선택이 가능해 집니다.

데모는 약 100개의 칼럼 * 5000 행의 데이터를 출력한 모습니다.

주의 : 모든 상황에서 전체 선택 기능을 사용할 수 있는 것은 아닙니다. 수천 개 이상의 데이터를 전체 선택할 경우, 브라우저 성능 저하, 일시적인 멈춤 현상 또는 스크립트 중단 등의 문제가 발생할 수 있습니다.

따라서 해당 기능은 사용해야 하는 상황에서 데이터 양을 고려하여 신중하게 사용해야 합니다.