WinUI 3 DataGrid 컨트롤의 10가지 기능으로 데이터를 효율적으로 처리

WinUI 3 DataGrid 컨트롤은 데이터를 표 형식으로 표시하는 데 사용됩니다.그것은 기본 데이터 격자 컨트롤러가 갖춰야 할 모든 기능을 갖추고 있다.
WinUI DataGrid 컨트롤로 데이터 시각화 및 처리 능력을 향상시키는 10가지 기능을 살펴보겠습니다.

Different column types

Sorting

Grouping

Filtering

Summaries

Selection

Editing

Autofit rows and columns

Master-details view

Performance

서로 다른 유형의 기둥

WinUI DataGrid는 셀의 값을 쉽게 편집할 수 있도록 다음과 같은 내장 열 유형을 지원합니다.

텍스트 열

디지털 열

날짜 열

시간열

콤보 상자 열

확인란 열

하이퍼링크 열

이미지 열

스위치 기둥

템플릿 열

바인딩 해제 열

확인란 선택기 열

DataGrid는 바인딩된 데이터 객체의 유형에 따라 자동으로 열을 생성합니다.모든 열은 서로 다른 유형의 데이터를 처리하기 위해 자신의 속성을 가지고 있다.또한 열을 수동으로 생성하여 DataGrid에 추가할 수도 있습니다.
열의 데이터 형식에 따라 칸의 값을 편집할 때 편집기를 불러옵니다.

WinUI DataGrid의 열 유형
참고: 자세한 내용은 column types in WinUI DataGrid 설명서를 참조하십시오.

분류하다

열 머리글을 클릭하거나 클릭하여 단일 열로 정렬합니다.또한 Ctrl 키를 누른 채 다른 열 머리글을 클릭하거나 클릭하여 여러 열을 정렬할 수 있으며, 이 열 머리글은 이전에 정렬된 열에 따라 정렬됩니다.DataGrid는 데이터를 오름차순 또는 내림차순으로 정렬합니다.
우리는 삼태 정렬을 사용하여 데이터를 처음에 정렬되지 않은 순서로 다시 배열할 수 있다.또한 특정 열의 정렬 기능을 활성화하거나 비활성화할 수도 있습니다.
다음 GIF 이미지를 참조하십시오.

WinUI 데이터 그리드의 데이터 정렬
참고: 자세한 내용은 sorting in WinUI DataGrid 설명서를 참조하십시오.

조를 나누다

이 기능을 사용하면 하나 이상의 열에 따라 데이터를 그룹화할 수 있습니다. 그룹을 배치할 때 마우스와 터치 상호작용을 하거나 숨겨진 코드를 사용할 수 있습니다.그 밖에 우리는 사용자 정의 논리로 데이터를 그룹화할 수 있다.
다음 GIF 이미지를 참조하십시오.

WinUI DataGrid에서 데이터 그룹화
참고: 자세한 내용은 grouping in WinUI DataGrid 설명서를 참조하십시오.

거르다

필터링은 특정 조건을 충족하는 데이터 수집에서 값을 읽어들이는 프로세스입니다.DataGrid에서는 UI 및 프로그래밍을 통해 데이터를 필터링할 수 있습니다.UI 필터링은 확인란과 고급 필터 옵션을 제공합니다.기본 데이터 유형에 따라 필터 대화 상자가 표시됩니다.DataGrid는 TextFilter, NumberFilter 및 DateFilter 옵션을 지원합니다.또한 특정 열에 대한 필터링을 사용 또는 사용 안 함으로 설정할 수도 있습니다.

WinUI DataGrid에서 데이터 필터링
참고: 자세한 내용은 filtering in WinUI DataGrid 설명서를 참조하십시오.

요약

이 기능은 요약이나 총액을 표시하기 위해 사용자가 추가로 연결되지 않은 줄을 표시할 수 있도록 합니다.또한 요약을 사용하여 열의 최소값, 최대값, 평균값 및 계수값을 표시할 수도 있습니다.DataGrid는 다음과 같은 요약 행을 지원합니다.

표 요약: 위쪽 또는 아래쪽 격자에 대한 요약 정보를 표시합니다.

GroupSummary: 각 그룹의 데이터 객체에 대한 요약 정보를 표시합니다.

제목 요약: 그룹 제목에 요약 정보를 표시합니다.

WinUI DataGrid에 요약 행 표시
참고: 자세한 내용은 summaries in WinUI DataGrid 설명서를 참조하십시오.

선택 항목

이 기능을 사용하면 DataGrid에서 하나 이상의 행이나 셀을 선택할 수 있습니다.셀을 클릭하면 전체 행이 선택됩니다.
다음 GIF 이미지를 참조하십시오.

WinUI DataGrid의 선택 기능
참고: 자세한 내용은 selection in WinUI DataGrid 설명서를 참조하십시오.

편집자

UI 또는 프로그래밍 방식으로 셀 값을 편집할 수 있습니다.대상 편집기는 기본 데이터의 형식에 따라 편집 모드로 불러옵니다.또한 특정 열의 편집을 개별적으로 활성화하거나 비활성화할 수도 있습니다.

WinUI DataGrid에서 셀 값 편집
참고: 자세한 내용은 editing in WinUI DataGrid 설명서를 참조하십시오.

행 및 열 자동 조정

WinUI DataGrid는 컨텐츠 크기에 따라 자동으로 행 높이와 열 폭을 조정하여 데이터를 읽을 수 있도록 지원합니다.

WinUI DataGrid의 행 및 열 자동 조정 기능
참고: 자세한 내용은 auto-size columns 및 row height customization in WinUI DataGrid 설명서를 참조하십시오.

마스터 세부 정보 보기

마스터 details 보기를 사용하여 층별 데이터를 플러그인 형식으로 표시합니다.행에서 expander UI를 사용하거나 중첩 테이블을 프로그래밍 방식으로 확장하거나 축소할 수 있습니다.기본적으로 DataGrid는 부모 메쉬와 네스트된 메쉬 사이의 관계를 생성합니다.만약 필요하다면, 우리는 수동으로 격자 간의 관계를 생성할 수도 있다.
아래의 코드 예시를 참고하시오.

<dataGrid:SfDataGrid x:Name="dataGrid"
        AutoGenerateColumns="True"
        AutoGenerateRelations="False"
        ItemsSource="{Binding Employees}">
    <dataGrid:SfDataGrid.DetailsViewDefinition>
        <!-- FirstLevelNestedGrid1 is created here -->
        <dataGrid:GridViewDefinition RelationalColumn="Sales">
            <dataGrid:GridViewDefinition.DataGrid>
                <dataGrid:SfDataGrid x:Name="FirstLevelNestedGrid1"
                        AutoGenerateColumns="True"/>
            </dataGrid:GridViewDefinition.DataGrid>
        </dataGrid:GridViewDefinition>
        <!-- FirstLevelNestedGrid2 is created here -->
        <dataGrid:GridViewDefinition RelationalColumn="Orders">
            <dataGrid:GridViewDefinition.DataGrid>
                <dataGrid:SfDataGrid x:Name="FirstLevelNestedGrid2"
                        AutoGenerateColumns="True"/>
            </dataGrid:GridViewDefinition.DataGrid>
        </dataGrid:GridViewDefinition>
    </dataGrid:SfDataGrid.DetailsViewDefinition>
</dataGrid:SfDataGrid>

WinUI DataGrid의 마스터 세부 정보 보기
참고: 자세한 내용은 master-details view in WinUI DataGrid 설명서를 참조하십시오.

표현

DataGrid는 대량의 데이터를 처리하면서 성능을 향상시키는 다양한 내장 옵션을 제공합니다.데이터 가상화 기능을 사용하면 더 짧은 시간 안에 데이터를 불러올 수 있다.대량 업데이트 기능을 통해 사용자는 대량의 기록을 효율적으로 추가하고 삭제하며 업데이트할 수 있으며, 정렬, 그룹 구성, 요약 기능도 있다.
참고: 자세한 내용은 performance in WinUI DataGrid 설명서를 참조하십시오.

결론

읽어주셔서 감사합니다!이 블로그에서 우리는 WinUI DataGrid의 10대 기능을 보았는데 이것은 데이터의 시각화와 처리를 더욱 잘 실현할 수 있다.DataGrid는 데이터 바인딩, 오류 지시 및 검증, 조건 형식 등의 기능도 제공합니다.이 다기능 DataGrid 컨트롤을 사용해 보시고 아래 댓글 부분에 피드백을 남겨주세요!
모든 WinUI 컨트롤에 대한 자세한 내용은 WinUI documentation 및 Microsoft Store 데모를 참조하십시오.
기존 고객의 경우 GitHub페이지에서 최신 버전을 다운로드할 수 있습니다.Syncfusion 고객이 아닌 경우 최신 기능을 보려면 30일간 License and Downloads 을 사용하십시오.
또한 free trial, support forums 또는 support portal을 통해 문의하실 수 있습니다.예전과 같이, 우리는 기꺼이 당신을 돕겠습니다!

피드백 포털 관련 블로그

Introducing the New WinUI 3 AutoComplete Control

What’s New in 2021 Volume 4: WinUI and WPF

10 Features of WinUI Circular Charts That Make It Appealing