그리드 기둥 이동

    그리드 열 이동을 사용하면 그리드의 열이 이동 가능하고 머리글 셀을 끌어서 원하는 위치에 놓아 재배열할 수 있음을 나타냅니다. 그리드 열 이동은 Ignite UI for Angular와 시각적으로 동일합니다.

    Grid Column Moving Demo

    Header Cell

    열이 이동 가능함을 나타내려면 다음을 구성하십시오. Column Moving 기본값을 변경하여 Sketch의 열에 대한 그리드 헤더 셀을 재정의합니다. 움직일 수 없음에게 움직일 수 있는. Figma 에서는 속성을 변경하여 이를 달성할 수 있습니다. Column Moving Grid Header Cell 레이어 내부의 구성 요소, 움직일 수 없음에게 움직일 수 있는. 어도비 XD에서는 Column Moving 레이어는 Component States 상태 간을 쉽게 전환할 수 있는 패러다임입니다. 이것이 코드 생성과 관련하여 열을 이동 가능한 것으로 표시하는 것입니다.

    Column Moving Feature

    그리드에는 드래그된 열에 대해 표시된 고스트 헤더 셀을 나타내는 Features 아래에 Column Moving 기호/구성 요소가 있습니다. 숫자 및 텍스트 열에 대한 사전 설정이 제공됩니다. 이 기호/구성 요소를 추가하면 디자인에 시각적 효과만 주어 더욱 사실적으로 보입니다. 열 이동 기능을 전환하려면 이에 따라 머리글 셀을 구성하세요.

    Additional Resources

    관련 주제:

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