그리드 셀을 전체 선택 활성화 한 모습입니다. 다음 두 속성을 설정하면 전체 선택을 할 수 있습니다.
// 그리드 속성 설정 const gridProps = { // 전체 선택 활성화 enableSelectionAll: true, // 전체 선택 활성화를 위해서는 선택 모드 "multipleCells" 또는 "multipleRows" 설정해야 함 selectionMode: "multipleCells" };
전체 선택이 활성화되면 Ctrl + A 단축키가 활성화 되며, 행 번호 칼럼의 헤더인 "No" 를 클릭하여 전체 선택이 가능해 집니다.
데모는 약 100개의 칼럼 * 5000 행의 데이터를 출력한 모습니다.
주의 : 모든 상황에서 전체 선택 기능을 사용할 수 있는 것은 아닙니다. 수천 개 이상의 데이터를 전체 선택할 경우, 브라우저 성능 저하, 일시적인 멈춤 현상 또는 스크립트 중단 등의 문제가 발생할 수 있습니다.
따라서 해당 기능은 사용해야 하는 상황에서 데이터 양을 고려하여 신중하게 사용해야 합니다.
모든 데모는 각각 독립적인 단일 HTML 페이지입니다. 마우스 우클릭 후 "소스 보기" (또는 크롬 기준 단축키 Ctrl + U)로 어떻게 작성되었는지 쉽게 확인 할 수 있습니다.
Copyright © AUISoft Co., Ltd.