그리드 요약

    그리드 요약 구성요소를 사용하면 해당 그리드 열의 모든 데이터에 대해 계산된 집계 값을 표시할 수 있습니다. 이는 그리드 하단에 요약이라는 특수 셀을 삽입하여 그리드 구조와 일치하지만 집계 값에 대한 정보가 포함된 레이블 및 번호를 포함하는 표 형식 영역을 형성함으로써 달성할 수 있습니다. 그리드 요약은 Ignite UI for Angular와 시각적으로 동일합니다.

    Grid Summaries Demo

    State

    그리드 요약 셀은 다음과 같은 대화형 상태를 지원합니다. 요약 레이블 및 번호를 표시하는 사용 가능 및 한 열에 다른 열보다 요약 수가 적을 때 간격을 채우는 데 사용되는 사용 불가능. Sketch 에서는 Symbol Overrides 통해 이를 달성하는 반면, Adobe XD에서는 Component States 패러다임을 사용하여 상태 간을 쉽게 전환할 수 있습니다. Figma에서 상태를 전환하려면 속성 패널 내에 있는 전용 속성을 사용해야 합니다.

    Type

    그리드 요약 셀은 수용해야 하는 두 가지 일반 데이터 집계 유형(숫자 값의 경우 숫자, 문자열의 경우 텍스트)에 대한 사전 설정을 제공합니다.

    스타일링

    그리드 요약 셀에는 셀 배경색은 물론 레이블 및 숫자 텍스트 색상에 대한 다양한 옵션을 통해 기본 스타일 유연성이 제공됩니다.

    Additional Resources

    관련 주제:

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