# 탭헤더

{% file src="/files/Nij8Q34N1TDbgUj0IvyD" %}

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

<figure><img src="/files/tn83uZPKqKWl4KtQeHgN" 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="/files/9p9ncInW7M22GGecH27A" alt=""><figcaption></figcaption></figure>

### 셀속성&#x20;

<figure><img src="/files/DCJeIdELwgqFOuTCZ86t" 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>                                                                                                                                                                                                             |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.forguncy.co.kr/plugin/useplugin/celltype/elementui/tabheader.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
