# 컨텍스트 메뉴

## Content

SpreadJS는 피벗 테이블의 다양한 영역에서 접근할 수 있는 다양한 컨텍스트 메뉴 옵션을 제공합니다. 이러한 옵션은 피벗 테이블에서 자주 수행되는 공통 또는 반복 작업을 빠르게 실행할 수 있도록 해줍니다.
피벗 테이블의 각 영역에서 마우스 오른쪽 버튼을 클릭할 때 나타나는 컨텍스트 메뉴는 다음과 같습니다:

1. 페이지 영역
<br>
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-pagearea.png)
2. 빈 영역
<br>
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-blankarea.png)
3. 헤더 영역
<br>
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-headerarea.png)
4. 데이터 유형이 숫자일 경우 ‘그룹’ 옵션 선택
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-numbers.png)
5. 데이터 유형이 날짜일 경우 ‘그룹’ 옵션 선택
<br>
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-date.png)
6. 데이터 영역
<br>
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-dataarea.png)
7. 총합 영역
<br>
    ![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/cx-grandtotal.png)

## 값 필드의 사용자 지정 형식

SpreadJS는 피벗 테이블의 값 필드에 대한 사용자 지정 형식을 지원합니다.
데이터 영역 또는 총 데이터 영역 컨텍스트 메뉴에서 **"값 필드 설정..."(Value Field Settings...)** 옵션을 선택하여 대화 상자를 엽니다.
필드 유형이 **숫자(Number)** 또는 \*\*날짜(Date)\*\*인 경우, 대화 상자에 **"숫자 서식(Number Format)"** 버튼이 표시됩니다.
![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/labelformatnum.png)

필드 유형이 숫자나 날짜가 아닌 경우, 대화 상자에 **"레이블 서식(Label Format)"** 버튼이 표시됩니다.
![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/labelformat.png)

위 두 버튼 모두 동일한 **"셀 서식(Format Cells)"** 창을 열며, 여기에서 사용자 지정 형식을 설정할 수 있습니다.
![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/pt-formatcells.png)

SpreadJS 디자이너에서 PivotTable 패널을 조작하고 **숫자 서식(Number Format)** 또는 **레이블 서식(Label Format)** 버튼을 클릭하면, 보다 풍부한 설정을 제공하는 디자이너 전용 숫자 형식 대화 상자(Number Format dialog)가 팝업됩니다.
![ptf_dialog.36aa74](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/9c3d6948-546a-4e49-bd0d-d1a9991a1a68/ptf_dialog.36aa74.b917b6.gif?width=1000)