단일·다중 정렬

수량이 많은 주문부터 보거나, 담당 팀 안에서 수량 순으로 정리할 때 사용합니다.

직접 해보기

1. 한 열로 정렬

   수량 헤더를 눌러보세요. 다시 누르면 정렬 방향이 바뀌며 헤더의 화살표로 방향을 알 수 있습니다.

2. 정렬 조건 추가

   담당 팀을 먼저 정렬한 뒤 Shift를 누른 채 수량 헤더를 누르세요. 팀을 우선으로 묶고 그 안에서 수량을 비교합니다.

3. 결과 읽고 해제

   실행 결과의 sortChanged에서 열 이름과 방향을 확인하세요. 같은 헤더를 차례로 누르면 정렬 해제 상태로 돌아갑니다.

정렬 후 첫 번째로 보이는 행이 원본 데이터 배열의 첫 행과 같다고 가정하지 마세요. 주문을 찾을 때는 ID를 사용하세요.

알아두면 쉬운 용어

오름차순 / 내림차순

작은 값부터 / 큰 값부터 나열하는 순서입니다.

sortModel

정렬할 열과 방향을 순서대로 담은 배열입니다.

핵심 API 예시

등록된 Grid 요소를 grid로 참조하는 앱 코드입니다.

await grid.setSortModel([{field:'team',direction:'asc'},{field:'quantity',direction:'desc'}]);