# 자료반복 셀

자료 반복 셀은 그래픽 리스트 셀형을 지원하며 테이블의 데이터는 커스텀 템플릿 영역에 표시됩니다. 따라서 자료반복 셀을 사용하여 카드 보기에 데이터를 표시할 수 있습니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2F5lIMJy26Kr76NPvXDscY%2Fimage.png?alt=media&#x26;token=2a172486-deed-483d-87d2-8e7afcb707d3" alt=""><figcaption></figcaption></figure>

## 데이터 소스 유형&#x20;

#### 리스트뷰 <a href="#id-tu-wen-lie-biao-bang-ding-biao-ge" id="id-tu-wen-lie-biao-bang-ding-biao-ge"></a>

테이블의 데이터를 바인딩할 리스트뷰를 선택하고 페이지에서 테이블을 먼저 바인딩해야 합니다.

그런 다음 페이지에서 영역을 선택하고 해당 셀 유형을 자료반복셀로 설정합니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2FKOrCYsNDFpzw9FKkXKkW%2Fimage.png?alt=media&#x26;token=28584def-0563-45a4-8fee-497f253bb35f" alt=""><figcaption></figcaption></figure>

템플릿의 연관된 열을 편집할 때 테이블에서 열의 열 이름을 선택해야 하므로 미리 열 이름을 설정하거나 테이블을 마우스 오른쪽 버튼을 클릭하고 "각  열에 이름  자동생성" 을 클릭합니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2Fs0LquVkTlBEx69tUeC2K%2Fimage.png?alt=media&#x26;token=709dcf86-2e4a-45e5-ad24-4ae60914d910" alt=""><figcaption></figcaption></figure>

| 설정              | 설명                                                                                                                                                                                                                                                                         |
| --------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| 템플릿 수정          | 텍스트 목록의 셀에 표시되는 내용을 설정합니다. 자세한 내용은 [템플릿 편집](#undefined)을 참조하십시오 .                                                                                                                                                                                                          |
| 클릭 템플릿 수정 명령 편집 | 템플릿을 클릭할 때 실행할 명령을 설정합니다.                                                                                                                                                                                                                                                  |
| 데이터 소스 유형       | 바인딩 테이블: 그래픽 목록의 데이터 소스를 테이블로 설정합니다.                                                                                                                                                                                                                                       |
| 리스트뷰 선택         | 데이터를 표시할 테이블을 선택합니다. 페이지의 첫 번째 테이블이 기본적으로 선택됩니다.                                                                                                                                                                                                                           |
| 디스플레이 모드        | <p>세 가지 정렬 모드가 지원됩니다.</p><p></p><ul><li>수직선: 모든 항목이 한 열에 표시됩니다.</li><li>수평: 모든 항목이 한 줄에 표시됩니다.</li><li>흐름: 모든 항목이 여러 행과 열에 표시됩니다. 흐름 방향은 행별 흐름과 열별 흐름으로 설정할 수 있습니다.</li></ul>                                                                                              |
| 오버플로우 모드        | 오버플로, 스크롤 및 잘라내기의 세 가지 오버플로 모드가 지원됩니다.                                                                                                                                                                                                                                     |
| 항목이없을 때 내용 설정   | <p>이미지-본문 목록의 셀에 데이터가 없을 때 표시되는 그림과 텍스트를 설정합니다.</p><ul><li>이미지: "그림 선택"을 클릭하면 대화 상자에서 기본 제공 아이콘 또는 로컬 그림을 선택할 수 있습니다. 그리고 그림의 크기를 설정할 수 있습니다.</li><li>본문: 데이터가 없을 때 표시되는 텍스트를 설정합니다. 텍스트를 직접 입력하거나 페이지에서 셀을 선택할 수 있습니다. 그리고 텍스트의 정렬 방향을 가로 또는 세로 정렬로 설정할 수 있습니다.</li></ul> |

##

## 템플릿 수정&#x20;

셀에 표시되는 내용을 설정합니다.

템플릿 페이지에서 "템플릿 수정"을 클릭하고 셀을 선택하거나 결합할 셀 범위를 선택한 후 셀 설정에서 관련 컬럼을 설정합니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2FFT6AgWfeD4yut08EAk6A%2Fimage.png?alt=media&#x26;token=bbdc71e0-1f11-43b3-8763-60e7e30f059e" alt=""><figcaption></figcaption></figure>

## 디스플레이 모드&#x20;

세 가지 정렬 모드가 지원됩니다.

* 수직선: 모든 항목이 한 열에 표시됩니다.
* 수평: 모든 항목이 한 줄에 표시됩니다.
* 흐름: 모든 항목이 여러 행과 열에 표시됩니다. 흐름 방향은 행별 흐름과 열별 흐름으로 설정할 수 있습니다.

### 수직선&#x20;

모든 항목이 하나의 열에 표시됩니다. 데이터를 완전히 표시할 수 없는 경우 세로 방향으로 스크롤 막대가 나타납니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2FmB8TgocrQFXKhU3QjSlH%2Fimage.png?alt=media&#x26;token=6f1c6a82-d98c-4790-afcd-1b915a7574c5" alt=""><figcaption></figcaption></figure>

### 수평&#x20;

모든 항목이 한 줄에 표시됩니다. 데이터를 완전히 표시할 수 없는 경우 가로 방향으로 스크롤 막대가 나타납니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2FWuhVrVaLIJ9NxHpPzvge%2Fimage.png?alt=media&#x26;token=619d082f-ad8d-49e7-a057-dd8f5eb1ba2d" alt=""><figcaption></figcaption></figure>

### 흐름&#x20;

모든 항목은 여러 행과 열에 표시됩니다. 흐름 방향은 행별 흐름과 열별 흐름으로 설정할 수 있습니다.

<figure><img src="https://1164392614-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzxNQdilex6YN3fZKZhGM%2Fuploads%2FAL4QXxr8mHvAU8qRlqzl%2Fimage.png?alt=media&#x26;token=14a0918b-87f4-4567-bc00-909291953318" alt=""><figcaption></figcaption></figure>
