@baneung-pack

다중 정렬 · 컬럼 폭 조절

헤더 클릭으로 단일 정렬, Shift+클릭으로 2차/3차 정렬 추가. 헤더 우측 경계 드래그로 컬럼 폭을 조절합니다. onColumnResize 콜백으로 localStorage 등에 영속화 가능.

💡 헤더 클릭 = 단일 정렬, Shift+클릭 = 다중 정렬 추가. 헤더 우측 경계 드래그로 컬럼 폭 조절.

주문번호고객명상품카테고리수량가격상태주문일
1001김민수iPhone 17전자제품11,450,000원완료2026-06-01
1002이지은나이키 운동화의류289,000원배송중2026-06-03
1003박철호삼성 모니터전자제품1320,000원완료2026-06-05
1004최영희유기농 쌀 10kg식품345,000원대기2026-06-10
1005정민재아디다스 후디의류179,000원취소2026-06-12
1006강수연AirPods Pro전자제품2359,000원완료2026-06-14
1007윤지호한우 등심 1kg식품1120,000원배송중2026-06-15
1008한가영갤럭시 워치전자제품1280,000원완료2026-06-16

API

GridProps

PropertyType기본값설명
resizablebooleanfalse헤더 우측 드래그로 컬럼 폭 조절
onColumnResize(colId, width) => void-리사이즈 콜백 (영속화용)

GridColumn

PropertyType기본값설명
minWidth / maxWidthnumber-리사이즈 시 폭 범위
resizableboolean-개별 리사이즈 예외
sortablebooleanfalse헤더 클릭 정렬 (3-state). Shift+클릭=다중