# 그리드

모바일  화면에서  이미지와 텍스트를 그리드로 표현 할 수 있는 셀타입니다.

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

### 셀속성&#x20;

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

<table><thead><tr><th width="306">이름 </th><th>설명 </th></tr></thead><tbody><tr><td>명령 편집</td><td>선택한 항목이 변경될 때 실행할 명령 구성</td></tr><tr><td>바인딩 사용</td><td>메뉴 항목이 데이터베이스에서 바인딩되는지 여부를 나타냅니다. </td></tr><tr><td>항목 구성 </td><td>디자인 타임에 바인딩 해제 메뉴 항목 구성</td></tr><tr><td>바인딩 항목 구성 </td><td>구성 바인딩 항목. 구성 값/텍스트/아이콘 열, 필터, 정렬, 상단/오프셋 및 캐시 허용</td></tr><tr><td>방향</td><td><p>가로 : 이미지와 텍스트가 같은 줄에 있음</p><p><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197662/image2022-3-28_16-43-34.png?version=1&#x26;modificationDate=1648457014157&#x26;cacheVersion=1&#x26;api=v2&#x26;width=328&#x26;height=101" alt=""></p><p>세로 </p><p><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197662/image2022-3-28_16-44-24.png?version=1&#x26;modificationDate=1648457064617&#x26;cacheVersion=1&#x26;api=v2&#x26;width=321&#x26;height=173" alt=""></p></td></tr><tr><td>열 번호</td><td>열 수</td></tr><tr><td>아이콘 크기</td><td>아이콘 크기(픽셀)</td></tr><tr><td>그리드 사이의 간격</td><td>그리드 간 간격(픽셀)</td></tr><tr><td>테두리 표시</td><td>테두리 표시 여부</td></tr><tr><td>가운데 </td><td>콘텐츠를 중앙에 배치할지 여부</td></tr><tr><td>정사각형</td><td>사각형 모양 여부</td></tr><tr><td>아이콘과 텍스트 위치 바꾸기</td><td><p>아이콘 및 텍스트 위치 반전 여부</p><p>사실이라면</p><p><img src="https://grapecity.atlassian.net/wiki/download/thumbnails/2931197662/image2022-3-28_16-50-15.png?version=1&#x26;modificationDate=1648457415380&#x26;cacheVersion=1&#x26;api=v2&#x26;width=313&#x26;height=182" alt=""></p></td></tr></tbody></table>

### 관련 명령 빠른 생성&#x20;

| 이름    | 설명               | 매개변수                              |
| ----- | ---------------- | --------------------------------- |
| 배지 설정 | 그리드 항목 배지 콘텐츠 설정 | <p>1. 대상품목의 가치</p><p>2. 배지 가치</p> |