SYIDAX / DATA GRID

도구 패널 PRO

열과 필터 구성을 그리드 옆에서 조정합니다.

도구 패널샘플 주문 데이터

120 rows

Grid를 불러오는 중입니다…

옵션

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

열 필터도구 패널PRO

최근 결과

이 예제는 내장 도구 패널 탭이 켜져 있습니다. Grid 옆의 열 또는 필터 탭을 눌러 패널을 여세요.

코드 보기

현재 미리보기

열이 많을 때 한곳에서 표시할 열과 필터를 관리하도록 표 옆에 도구 패널을 제공하는 기능입니다.

확인할 결과

앱의 별도 설정 화면으로 이동하지 않고 표의 열과 필터 구성을 조절할 수 있습니다.

sideBar: true는 패널 탭을 준비하지만 처음부터 패널 내용을 펼치지는 않습니다. 문서 하단의 공통 옵션과 Grid 안의 도구 패널은 서로 다른 UI입니다.

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

나머지 속성1

Attribute / Property	타입 / 기본값	설명
PRO sideBar	`boolean \| string \| { panels?: ReadonlyArray<{ id: string } \| string>; defaultOpen?: string }`기본값 undefined	tool-panel side bar right of the grid body (columnDefs mode only). `true` (attribute `side-bar`) docks both built-in panels closed; `'columns'` / `'filters'` docks that single panel OPENED (AG shorthand); the object form declares panels by name: `{ panels: [{ id: 'columns' \| 'filters' }], defaultOpen?: id }`. Unknown ids warn once and are skipped. ships the dock frame with read-only panel bodies; Days 246/247 make them interactive.

이벤트1

이벤트	detail 타입	설명
PRO	`{ id: SideBarPanelId; open: boolean }`	fires when a side-bar tool panel opens or closes.

메서드3

메서드 / 인수	반환 타입	설명
PRO id: string	`Promise<boolean>`	open a side-bar tool panel; false = unknown/undeclared id.
PRO	`Promise<void>`	close the open tool panel (no-op when already closed).
PRO	`Promise<string \| null>`	the open tool panel id, or null.