SYIDAX / DATA GRID
열 메뉴 PRO
정렬, 필터, 고정 등 열 관련 명령을 한곳에서 실행합니다.
열 메뉴샘플 주문 데이터
120 rowsGrid를 불러오는 중입니다…
옵션
아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.
최근 결과
이 예제는 열 메뉴가 켜져 있습니다. 제품 헤더의 메뉴 버튼을 눌러보세요.
코드 보기
현재 미리보기
코드에 포함된 샘플 데이터 · 6행
사용 가이드
#열의 정렬·필터·고정 같은 명령을 열 제목 옆의 메뉴에서 찾을 수 있도록 합니다.
직접 해보기
- 열 메뉴 열기
이 예제는 열 메뉴가 켜져 있습니다. 제품 헤더의 메뉴 버튼을 눌러보세요.
- 열에 명령 적용
목록에서 정렬이나 고정처럼 필요한 명령을 선택하고 제품 열이 어떻게 달라지는지 확인하세요.
- 다른 열과 비교
수량 헤더에서도 메뉴를 열어보세요. 사용 가능한 항목은 열의 타입과 설정에 따라 달라질 수 있습니다.
확인할 결과
현재 열을 대상으로 한 작업을 메뉴에서 실행할 수 있습니다.
필터가 비활성화된 열은 필터 관련 설정을 추가로 켜야 할 수 있습니다. 초기화하면 현재 예제의 기본 열 구성으로 돌아옵니다.
알아두면 쉬운 용어
- columnMenu
- 헤더의 열 메뉴 기능을 켜는 설정입니다.
- 열 명령
- 한 열의 표시·정렬·필터 등에 적용하는 작업입니다.
제품에 이 기능을 적용하려면 Pro 런타임과 유효한 라이선스가 필요합니다.
API reference
#주요 속성
| Attribute / Property | 타입 / 기본값 | 설명 |
|---|---|---|
PRO columnMenu | boolean기본값 false | Grid Pro header menu: sort, filter, pin, visibility and keyboard navigation. |
나머지 속성1
| Attribute / Property | 타입 / 기본값 | 설명 |
|---|---|---|
PRO columnMenuItems | (context: GridColumnMenuContext) => readonly GridColumnMenuItem[]기본값 undefined | Appends custom commands to the built-in column menu. |
EXPLORE CAPABILITIES
기능별로 자세히 살펴보기
기능별 사용 상황과 설정 방법을 살펴보세요. 직접 체험하는 예제와 앱에서 연결하는 기능을 각 가이드에 안내합니다.