# reorderableColumns

사용자가 머리글을 드래그해 열 순서를 바꿀 수 있게 합니다.

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

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

## 무엇을 하는 API인가요

사용자가 머리글을 드래그해 열 순서를 바꿀 수 있게 합니다.

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

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

```typescript
reorderableColumns: boolean
```

| 항목 | 값 |
| --- | --- |
| JavaScript 이름 | reorderableColumns |
| HTML 속성 | reorderable-columns |
| 기본값 | false |
| 입력 타입 | boolean |

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

## 사용 흐름

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

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

## 기능별 설명과 예제

- [열 크기와 고정](https://grid.syidax.com/ko/docs/features/column-operations.md) — 너비·순서·고정·숨김은 서로 독립적인 열 상태입니다. 주문 번호는 고정하고 보조 정보는 숨기며 긴 제품명만 넓히는 식으로 조합할 수 있습니다.