# 그리드

## Content


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

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



### 셀속성 

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

| 이름 | 설명 |
| --- | --- |
| 명령 편집 | 선택한 항목이 변경될 때 실행할 명령 구성 |
| 바인딩 사용 | 메뉴 항목이 데이터베이스에서 바인딩되는지 여부를 나타냅니다. |
| 항목 구성 | 디자인 타임에 바인딩 해제 메뉴 항목 구성 |
| 바인딩 항목 구성 | 구성 바인딩 항목. 구성 값/텍스트/아이콘 열, 필터, 정렬, 상단/오프셋 및 캐시 허용 |
| 방향 | 가로 : 이미지와 텍스트가 같은 줄에 있음<br>![](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)<br>세로<br>![](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) |
| 열 번호 | 열 수 |
| 아이콘 크기 | 아이콘 크기(픽셀) |
| 그리드 사이의 간격 | 그리드 간 간격(픽셀) |
| 테두리 표시 | 테두리 표시 여부 |
| 가운데 | 콘텐츠를 중앙에 배치할지 여부 |
| 정사각형 | 사각형 모양 여부 |
| 아이콘과 텍스트 위치 바꾸기 | 아이콘 및 텍스트 위치 반전 여부<br>사실이라면<br>![](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) |

### 관련 명령 빠른 생성 

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