# 탭헤더

{% file src="<https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/0Lmyk5apMkJkaovLdSD4/TabHeader%20(1).fgko>" %}

탭헤더는 페이지 내 탭 방식 셀과 함께 사용합니다.&#x20;

<figure><img src="https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/Dv4t7K4hn5j3JQmZIjYT/image.png" alt=""><figcaption></figcaption></figure>

아래와 같은 방법으로 사용합니다.

1\. 페이지 내 탭 방식 셀을 선택합니다.&#x20;

<figure><img src="https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689221812_8078.png" alt=""><figcaption></figcaption></figure>

2\. 1번에서 설정한 셀을 선택한 후, 셀유형의 탭에서 이동할 페이지들을 설정합니다.&#x20;

<figure><img src="https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689221989_0444.png" alt=""><figcaption></figcaption></figure>

3\. 셀영역을 지정한 후, 탭 헤더 셀을 선택합니다.

&#x20;   셀유형에서 탭 항목 편집을 클릭합니다.

&#x20;   탭 항목 편집창에서 탭 항목 편집을 아래와 같이 편집합니다.

&#x20;   참고로 값은 항목인덱스를 의미합니다.&#x20;

<figure><img src="https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689222194_4801.png" alt=""><figcaption></figcaption></figure>

4\. 클릭명령편집을 클릭하여 명령창에서 아래와 같이 설정합니다.&#x20;

&#x20;  \- 명령 선택 : 셀 유형 작동 명령&#x20;

&#x20;  \- 대상 셀 유형 : =D4   (1번에서 설정한 페이지 내 탭 방식 셀)

&#x20;  \- 작동 : 활성 탭 번호 설정&#x20;

&#x20;  \- 활성 탭 번호 : 오른쪽 셀버튼을 클릭하여 명령창에서 "항목인덱스" 선택

<figure><img src="https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689222398_9203.png" alt=""><figcaption></figcaption></figure>

5\. 실행을 한 후, 탭 헤더를 클릭하면 페이지가 이동합니다.&#x20;

<figure><img src="https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/n6gpM3aX3M8dG4UoI2PN/image.png" alt=""><figcaption></figcaption></figure>

### 셀속성&#x20;

<figure><img src="https://content.gitbook.com/content/kr3K95OpVnkhRrSKF3Qh/blobs/Xs5rtxZF6fbQHDziLfBm/image.png" alt=""><figcaption></figcaption></figure>

| 이름       | 항목                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| -------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 클릭 명령 편집 | 탭을 클릭할 때 실행할 명령 구성                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| 기본값      | 탭의 기본 항목. "/"를 사용하여 항목을 구분합니다(예: "User/Config/Role/Task").                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        |
| 유형       | <p>기본<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197007/image2022-2-22_14-13-5.png?version=1&#x26;modificationDate=1645510385473&#x26;cacheVersion=1&#x26;api=v2&#x26;width=387&#x26;height=250" alt=""><br>카드<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197007/image2022-2-22_14-11-48.png?version=1&#x26;modificationDate=1645510308320&#x26;cacheVersion=1&#x26;api=v2&#x26;width=382&#x26;height=250" alt=""><br>경계- 카드<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197007/image2022-2-22_14-12-27.png?version=1&#x26;modificationDate=1645510347433&#x26;cacheVersion=1&#x26;api=v2&#x26;width=379&#x26;height=250" alt=""></p> |
| 늘이기      | <p>탭의 너비가 자동으로 컨테이너에 맞는지 여부<br>체크<br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197007/image2022-2-22_14-14-38.png?version=1&#x26;modificationDate=1645510478213&#x26;cacheVersion=1&#x26;api=v2&#x26;width=378&#x26;height=250" alt=""><br>체크 해지 <br><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197007/image2022-2-22_14-14-22.png?version=1&#x26;modificationDate=1645510462657&#x26;cacheVersion=1&#x26;api=v2&#x26;width=379&#x26;height=250" alt=""></p>                                                                                                                                                                                                             |