그리드

    표 형식의 데이터 레이아웃을 디자인할 때 그리드 패턴 기호/구성 요소를 대체 시작점으로 사용하세요. 이는 구성 요소 라이브러리에서 제공되는 모든 그리드 기능을 적용할 수 있는 완전한 콘텐츠 및 스타일별 그리드 구성 요소를 제공합니다.

    열 이동, 요약 및 페이징이 포함된 그리드 패턴은 다음과 같습니다.

    모든 그리드 기능 목록:

    • 정렬
    • 필터링
    • 요약
    • 페이징
    • 편집
    • 열 이동
    • 열 크기 조정
    • 열 숨기기
    • 디스플레이 밀도
    • Excel 스타일 필터링
    • 고급 필터링
    • 그룹화 기준
    • 고정
    • 행 선택
    • 행 편집
    • 활성 셀
    • 내보내다
    • 툴바

    그리드 패턴 기호는 미리 만들어진 6가지 그리드 기능 조합으로 제공됩니다.

    • 열 이동, 요약 및 페이징이 포함된 그리드 패턴
    • 편집 및 필터 행이 있는 그리드 패턴
    • Excel 스타일 필터, 정렬 및 표시 밀도를 사용한 그리드 패턴
    • 그룹화 기준, 열 크기 조정 및 요약이 포함된 그리드 패턴
    • 고정, 행 선택 및 활성 셀이 포함된 격자 패턴
    • 도구 모음, 내보내기, 행 편집 및 열 숨기기가 포함된 그리드 패턴
    Warning

    Sketch 에서는 그리드 패턴을 삽입한 후 제공된 셀 수를 변경해야 하는 경우에만 Detach from Symbol 트리거하여 데이터의 모든 차원을 표시하고 원하는 만큼 눈에 보이는 레코드를 삽입할 수 있습니다. 그러나 개별 구성 요소와 기능은 그대로 유지되어야 하며 분리되어서는 안 됩니다! 이는 그리드 패턴 중 하나를 선택하고 마우스 오른쪽 버튼을 클릭한 다음 "인스턴스 분리"를 선택해야 하는 Figma 에도 적용됩니다. 여기에서 원하는 대로 수정할 수 있습니다.

    Adobe XD에서는 패턴 자체의 그룹을 해제하지 않고도 열과 행을 복제하여 제공되는 것보다 더 많은 셀을 추가할 수 있습니다.

    Additional Resources

    관련 주제:

    우리 커뮤니티는 활동적이며 항상 새로운 아이디어를 환영합니다.