# 피벗 테이블 구성 요소

## Content

이 항목에서는 피벗 테이블 구성 요소 및 해당 용어와 관련된 기본 정보를 다룹니다.
아래 이미지는 스프레드시트에 있는 피벗 영역(Pivot Area, 피벗 테이블 포함)과 피벗 패널(Pivot Panel)을 보여줍니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/PivotTable_structure.png)

## **피벗 영역**


피벗 영역은 피벗 테이블을 표시하며, 다양한 필드와 레이블 항목을 포함합니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/pivotarea.png)

## **피벗 패널** 

피벗 패널은 피벗 테이블에서 필드를 추가, 제거, 드래그 및 이동할 수 있도록 도와주는 작업 창(Task Pane)입니다. 피벗 테이블 패널은 다음과 같은 섹션으로 구성됩니다:

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/pivotpanel.png)

또한 `panelLayout` 옵션을 사용하여 피벗 패널의 레이아웃을 사용자 정의할 수 있습니다. 위 이미지는 기본 레이아웃인 `stack` 형태를, 아래 이미지는 `flow` 형태의 피벗 패널을 보여줍니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/customize_pivotpanel.png)

다음 코드 샘플은 피벗 패널 레이아웃을 flow로 설정하는 방법을 보여줍니다:

```javascript
var layoutType = panel.panelLayout();
panel.panelLayout(GC.Spread.Pivot.PivotPanelLayoutType.flow);
```


## 피벗 테이블 필드

Pivot Table Fields 섹션에는 데이터 원본에서 가져온 필드가 표시되며, 이 필드를 피벗 테이블에 추가할 수 있습니다. 원하는 피벗 테이블 뷰를 얻기 위해 이러한 필드를 선택하거나 선택 해제할 수 있습니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/pivotablefields.png)

다음 코드 샘플은 피벗 패널에서 PivotTable Fields 섹션을 숨기는 방법을 보여줍니다:

```javascript
// "PivotTable fields" 섹션 숨
var panel = new GC.Spread.Pivot.PivotPanel("myPivotPanel", myPivotTable, document.getElementById("panel"));
panel.sectionVisibility(GC.Spread.Pivot.PivotPanelSection.area | GC.Spread.Pivot.PivotPanelSection.viewList);
```


## 피벗테이블 영역

PivotTable Area는 피벗 패널의 한 섹션으로, 피벗 테이블의 행, 열, 값, 필터 필드를 표시합니다. 이러한 필드를 해당 영역에 드래그 앤 드롭하여 다양한 피벗 테이블 뷰를 손쉽게 전환할 수 있습니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/pivottablearea.png)

아래 표는 각 영역에 대해 설명합니다:

| 영역 | 설명 |
| --- | --- |
| Rows | 피벗 테이블의 행으로 표시되며, 선택된 필드의 행 레이블을 값으로 가집니다. |
| Columns | 피벗 테이블의 열로 표시되며, 선택된 필드의 열 레이블을 값으로 가집니다. |
| Filters | 피벗 테이블에서 필터 작업에 사용됩니다. |
| Values | 선택된 필드의 통계 데이터를 표시합니다. |

다음 코드 샘플은 피벗 패널에서 PivotTable Area 섹션을 숨기는 방법을 보여줍니다:

```javascript
// "PivotTable Area" 섹션 숨
var panel = new GC.Spread.Pivot.PivotPanel("myPivotPanel", myPivotTable, document.getElementById("panel"));
panel.sectionVisibility(GC.Spread.Pivot.PivotPanelSection.fields | GC.Spread.Pivot.PivotPanelSection.viewList);
```


## 피벗 뷰 매니저

Pivot View Manager는 피벗 테이블의 뷰를 관리하는 데 사용됩니다. 특정 시점에 저장된 피벗 테이블 상태를 빠르게 복원할 수 있습니다. 아래 이미지는 Pivot View Manager에 저장된 다양한 피벗 테이블 뷰를 보여줍니다.

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/8d606653-16a0-474d-b9dc-e2b4d01c2446/images/viewmanager.png)

다음 코드 샘플은 피벗 패널에서 Pivot View Manager 섹션을 숨기는 방법을 보여줍니다:

```javascript
// "Pivot View Manager" 섹션 숨김
var panel = new GC.Spread.Pivot.PivotPanel("myPivotPanel", myPivotTable, document.getElementById("panel"));
panel.sectionVisibility(GC.Spread.Pivot.PivotPanelSection.fields | GC.Spread.Pivot.PivotPanelSection.area);
```

자세한 내용은 [피벗 뷰 매니저](/spreadjs/docs/v18/features/pivot-table/pivot-view-manager) 항목을 참조하시기 바랍니다.