# sideBar

열·필터 도구 패널과 기본 열림 패널을 구성합니다. true는 탭을 제공하고 문자열은 지정 패널을 엽니다.

Canonical: https://grid.syidax.com/ko/docs/options/sideBar/

<a id="meaning"></a>

## 무엇을 하는 API인가요

열·필터 도구 패널과 기본 열림 패널을 구성합니다. true는 탭을 제공하고 문자열은 지정 패널을 엽니다.

Pro 기능 관련 API: Columns / Filters tool panels

<a id="contract"></a>

## 입력과 결과의 정확한 타입

```typescript
sideBar: boolean | string | { panels?: ReadonlyArray<{ id: string } | string>; defaultOpen?: string }
```

| 항목 | 값 |
| --- | --- |
| JavaScript 이름 | sideBar |
| HTML 속성 | side-bar |
| 기본값 | undefined |
| 입력 타입 | boolean \| string \| { panels?: ReadonlyArray<{ id: string } \| string>; defaultOpen?: string } |

<a id="usage"></a>

## 사용 흐름

이 항목은 Grid 요소의 프로퍼티에 설정합니다. 배열·객체·콜백 함수는 JavaScript로 전달하고, 변경을 반영할 때 새 배열이나 객체를 사용하세요.

<a id="recipes"></a>

## 기능별 설명과 예제

- [도구 패널](https://grid.syidax.com/ko/docs/features/tool-panels.md) — 도구 패널은 열 표시나 필터 설정처럼 여러 열에 걸친 작업을 한 곳에 모읍니다. 표 안의 데이터 공간과 설정 공간을 나누고 필요할 때만 여는 방식입니다.