# 탭헤더

## Content




[TabHeader (1).fgko](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/TabHeader-1.fgko)

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

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/image-1004.png)

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

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

![](https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689221812_8078.png)

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

![](https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689221989_0444.png)

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

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

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

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

![](https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689222194_4801.png)

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

   \- 명령 선택 : 셀 유형 작동 명령 

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

   \- 작동 : 활성 탭 번호 설정 

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



![](https://dev.grapecity.co.kr/data/editor/2307/11a33d18f60b3032fe4d1818a12c1387_1689222398_9203.png)

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

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/image-995.png)





### 셀속성 

![](https://gcdocumentsitekrblob.blob.core.windows.net/document-site-files/images/4e3bfc58-e2a1-41a1-ac75-a0e383260d93/image-971.png)

| 이름 | 항목 |
| --- | --- |
| 클릭 명령 편집 | 탭을 클릭할 때 실행할 명령 구성 |
| 기본값 | 탭의 기본 항목. "/"를 사용하여 항목을 구분합니다(예: "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> |
