그리드
표 형식의 데이터 레이아웃을 디자인할 때 그리드 패턴 기호/구성 요소를 대체 시작점으로 사용하세요. 이는 구성 요소 라이브러리에서 제공되는 모든 그리드 기능을 적용할 수 있는 완전한 콘텐츠 및 스타일별 그리드 구성 요소를 제공합니다.
열 이동, 요약 및 페이징이 포함된 그리드 패턴은 다음과 같습니다.
모든 그리드 기능 목록:
- 정렬
- 필터링
- 요약
- 페이징
- 편집
- 열 이동
- 열 크기 조정
- 열 숨기기
- 디스플레이 밀도
- Excel 스타일 필터링
- 고급 필터링
- 그룹화 기준
- 고정
- 행 선택
- 행 편집
- 활성 셀
- 내보내다
- 툴바
그리드 패턴 기호는 미리 만들어진 6가지 그리드 기능 조합으로 제공됩니다.
- 열 이동, 요약 및 페이징이 포함된 그리드 패턴
- 편집 및 필터 행이 있는 그리드 패턴
- Excel 스타일 필터, 정렬 및 표시 밀도를 사용한 그리드 패턴
- 그룹화 기준, 열 크기 조정 및 요약이 포함된 그리드 패턴
- 고정, 행 선택 및 활성 셀이 포함된 격자 패턴
- 도구 모음, 내보내기, 행 편집 및 열 숨기기가 포함된 그리드 패턴
Warning
Sketch 에서는 그리드 패턴을 삽입한 후 제공된 셀 수를 변경해야 하는 경우에만 Detach from Symbol
트리거하여 데이터의 모든 차원을 표시하고 원하는 만큼 눈에 보이는 레코드를 삽입할 수 있습니다. 그러나 개별 구성 요소와 기능은 그대로 유지되어야 하며 분리되어서는 안 됩니다! 이는 그리드 패턴 중 하나를 선택하고 마우스 오른쪽 버튼을 클릭한 다음 "인스턴스 분리"를 선택해야 하는 Figma 에도 적용됩니다. 여기에서 원하는 대로 수정할 수 있습니다.
Adobe XD에서는 패턴 자체의 그룹을 해제하지 않고도 열과 행을 복제하여 제공되는 것보다 더 많은 셀을 추가할 수 있습니다.
Additional Resources
관련 주제:
우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.
에서 페이지 보기
GitHub