SYIDAX / DATA GRID

열 메뉴 PRO

정렬, 필터, 고정 등 열 관련 명령을 한곳에서 실행합니다.

시작하기
열 메뉴샘플 주문 데이터
120 rows
Grid를 불러오는 중입니다…

옵션

아래 항목을 바꾸면 Grid와 코드에 바로 반영됩니다.

최근 결과

이 예제는 열 메뉴가 켜져 있습니다. 제품 헤더의 메뉴 버튼을 눌러보세요.

코드 보기
현재 미리보기

사용 가이드

#

열의 정렬·필터·고정 같은 명령을 열 제목 옆의 메뉴에서 찾을 수 있도록 합니다.

직접 해보기

  1. 열 메뉴 열기

    이 예제는 열 메뉴가 켜져 있습니다. 제품 헤더의 메뉴 버튼을 눌러보세요.

  2. 열에 명령 적용

    목록에서 정렬이나 고정처럼 필요한 명령을 선택하고 제품 열이 어떻게 달라지는지 확인하세요.

  3. 다른 열과 비교

    수량 헤더에서도 메뉴를 열어보세요. 사용 가능한 항목은 열의 타입과 설정에 따라 달라질 수 있습니다.

확인할 결과

현재 열을 대상으로 한 작업을 메뉴에서 실행할 수 있습니다.

필터가 비활성화된 열은 필터 관련 설정을 추가로 켜야 할 수 있습니다. 초기화하면 현재 예제의 기본 열 구성으로 돌아옵니다.

알아두면 쉬운 용어

columnMenu
헤더의 열 메뉴 기능을 켜는 설정입니다.
열 명령
한 열의 표시·정렬·필터 등에 적용하는 작업입니다.

제품에 이 기능을 적용하려면 Pro 런타임과 유효한 라이선스가 필요합니다.

API reference

#

주요 속성

Attribute / Property타입 / 기본값설명
PRO
columnMenu
boolean기본값 falseGrid Pro header menu: sort, filter, pin, visibility and keyboard navigation.
나머지 속성1
Attribute / Property타입 / 기본값설명
PRO
columnMenuItems
(context: GridColumnMenuContext) => readonly GridColumnMenuItem[]기본값 undefinedAppends custom commands to the built-in column menu.