그리드 정렬

    지정된 열 내의 값에 따라 오름차순 및 내림차순으로 레코드 순서를 나타내려면 그리드 정렬을 사용합니다. 그리드 정렬은 Ignite UI for Angular와 시각적으로 동일합니다.

    Grid Sorting Demo

    Header Cell Feature

    Sketch에서 열을 정렬 가능하게 표시하려면 Feature Left 또는 Feature Right 재정의를 사용하고 이를 Sorting으로 설정하세요. 그런 다음 Sorting State 오름차순, 내림차순 또는 정렬되지 않음으로 설정하여 정렬 순서를 나타낼 수 있습니다. Figma에서 정렬 가능한 열을 나타내려면 Grid Header Cell 레이어 내부에 있는 Feature Left 또는 Feature Right 구성 요소 인스턴스를 사용하고 Type 속성을 Ascending, Descending 또는 Unsorted로 설정하여 정렬 순서를 나타냅니다. Adobe XD에서는 Feature Left 또는 Feature Right 그룹을 숨김 해제한 다음 그 안에 Sorting 레이어만 남겨두는 방식으로 약간 다른 경로를 취해야 합니다. 이 레이어도 필요한 경우 숨김 해제해야 합니다. 그런 다음 사용 가능한 Component States 통해 상태를 Ascending 또는 Descending으로 전환할 수 있습니다. 물론 선택한 순서를 반영하도록 열 값을 조작하고 싶을 수도 있습니다.

    Additional Resources

    관련 주제:

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