The Fastest Blazor Data Grid
Ignite UI for Blazor Data Table/Data Grid를 사용하여 코딩이나 구성이 거의 없이 데이터를 빠르게 바인딩하고 표시합니다. 지연 시간 없이 대량의 데이터를 표시하고 사용자가 기대하는 상호 작용 기능을 제공합니다.
Blazor Data Grid Key Features
이 예에서는 다음을 포함하여 데이터 그리드의 주요 기능을 보여줍니다.
- 수백만 개의 레코드를 몇 초 만에 로드할 수 있는 가상화된 행 및 열
- 셀, 행 및 일괄 업데이트 옵션을 사용한 인라인 편집
- Excel 스타일 필터링 및 전체 Excel 키보드 탐색 기능
- Interactive Outlook-style Grouping
- Column Summaries show aggregations based on grid column data
- 단일 및 다중 선택을 위한 셀 및 행 선택
- 모바일 앱 개발을 위한 풀 터치 지원
라이브 스트리밍을 통한 실시간 데이터
라이브 스트리밍 데이터에 최적화되었으며, 무제한의 행이나 열의 데이터를 처리하도록 가상화된 Blazor Table은 가장 까다로운 데이터 요구 사항을 위한 유일한 선택입니다.
Blazor Data Grid Features
Blazor Data Grid는 빠르고 모든 실시간, 대용량 데이터 요구 사항을 처리할 수 있지만 실제로는 사용자에게 매우 생산적이고 상호 작용적인 경험을 제공하도록 설계되었습니다. 다음 섹션에서는 Blazor Data Grid의 주요 기능을 살펴보고 사용자에게 다음과 같은 놀라운 경험을 제공하는 데 어떻게 도움이 될 수 있는지 더 잘 이해하도록 하겠습니다.
셀 및 행 선택
Blazor Data Grid에는 SingleCell, SingleRow, MultipleCell, MultipleRow, RangeCell 등의 모드를 포함하여 셀과 행 수준별로 마우스와 터치로 선택할 수 있는 모든 옵션이 포함되어 있습니다.
그리드 필터링
Blazor 데이터 그리드에는 필터링되는 열의 데이터 형식을 기반으로 하는 열 필터링이 포함되어 있습니다. 예를 들어 열이 날짜/시간 필드인 경우 지난 달, 이번 분기, 다음 주 등과 같은 필터를 사용할 수 있습니다.
열 이동
열 순서를 다시 정렬하는 것은 Blazor 데이터 그리드에서 클릭하고 드래그하는 것만큼 쉽습니다. 또한 완전한 애니메이션 엔진을 포함하여 이러한 상호 작용의 UX를 제어할 수 있습니다.
열 고정
Blazor 데이터 그리드에서 오른쪽 및 왼쪽 열을 고정하면 사용자는 단일 열 또는 여러 열을 임의의 순서로 잠글 수 있으므로 가로로 스크롤하는 동안 열의 위치가 유지됩니다.
열 크기 조정
Blazor 데이터 그리드는 열 크기를 조정하는 기능을 지원하므로 고객이 테이블의 다른 열과 관련하여 데이터 그리드 열을 표시하는 방법에 대한 유연성을 제공합니다.
열 정렬
Blazor Data Grid는 Single, Multi 또는 Tri-State Column Sorting 구성으로 오름차순 및 내림차순 열 정렬을 지원합니다. 정렬은 헤더 클릭 시 또는 Column Options 드롭다운을 사용하여 트리거됩니다.
열 요약
Blazor Data Grid는 Data Grid의 푸터 영역이나 그룹 헤더에서 열 요약을 지원합니다. 이는 Count, Sum, Min, Max, Avg 등의 값을 표시하는 데 매우 유용합니다.
열 유형
Blazor 데이터 그리드는 다양한 열 유형과 템플릿 열 유형, 스파크라인 템플릿 유형을 지원하므로 그리드에 데이터가 표시되는 방식을 완벽하게 유연하게 조정할 수 있습니다.
열 애니메이션
Blazor Data Grid는 열 숨기기 또는 열 이동과 같은 이벤트 중에 열 애니메이션을 지원합니다. Blazor Data Grid에서 열 애니메이션이 설정되면 해당 열의 모든 셀에 대해 해당 애니메이션이 실행됩니다.
Column Options Dialog
Blazor Data Grid는 각 열 헤더에 노출된 UI에서 열을 그룹화, 숨기기, 이동, 고정, 필터링 및 정렬하는 기능을 지원합니다. 열 옵션은 열 호버의 Kebab 메뉴를 통해 모든 열에 기본적으로 켜집니다.
Outlook 스타일 그룹화 행/열 그룹화
Blazor Data Grid를 사용하면 행을 'sticky header' 행 그룹으로 그룹화할 수 있습니다. Microsoft Outlook의 Group By 기능과 마찬가지로 사용자는 자신의 기준에 따라 데이터를 시각적으로 그룹화할 수 있는 쉬운 방법을 제공합니다.
그리드 페이징
Blazor Data Grid Paging 구성 요소는 데이터 배열을 받아서 해당 데이터의 일부를 간단한 탐색 UI와 함께 페이지로 출력하도록 설계되었습니다.
행 고정
Blazor Data Grid를 사용하면 Data Grid 상단에 행을 고정할 수 있습니다. 행을 고정하면 Data Grid 상단에 복제되어 밝은 회색 배경으로 고정되고 Data Grid의 실제(또는 원래) 행은 낮은 불투명도로 렌더링되어 사용자에게 이것이 특별한 행임을 명확하게 보여줍니다.
키보드 탐색
Blazor Data Grid는 광범위한 Excel과 유사한 키보드 탐색을 지원합니다. 접근성 준수를 보장하고 사용성을 개선하여 Blazor Data Grid에서 위, 아래, 오른쪽, 왼쪽, 탭 및 Enter 키를 사용하여 Excel과 유사한 키보드 탐색을 활성화합니다. 마우스나 키보드를 사용하여 단일 또는 여러 행 선택을 토글하여 전체 행을 선택하거나 선택 취소할 수 있습니다.
최신 웹 브라우저 및 수상 경력에 빛나는 지원
Ignite UI for Blazor
Blazor Data Grid는 다음을 포함한 모든 최신 웹 브라우저에서 지원됩니다.
- 크롬
- 엣지/엣지 크롬
- 파이어폭스
- 원정 여행
- 폴리필이 포함된 Internet Explorer 11
Ignite UI for Blazor
Blazor 제품에 대해 수상 경력에 빛나는 Infragistics 지원에 액세스하는 방법에는 여러 가지가 있습니다.
- Blazor 지원 홈페이지에서 시작하세요
- Blazor 설명서를 읽고 Blazor 샘플을 실험해보세요.
- 최신 정보를 받으려면 Blazor 블로그를 읽어보세요.
- Submit a Blazor Support Case
- Blazor 참조 애플리케이션에서 배우기
Ignite UI for Blazor
Ignite UI for Blazor는 Ignite UI 번들을 통해 구독 모델을 통해 사용할 수 있는 상업적으로 라이선스가 부여된 제품입니다. 30일 평가판을 시작 하면 Ignite UI for Blazor 제품을 무료로 사용해 볼 수 있습니다. 평가판 기간이 끝나면 당사 웹 사이트에서 또는 해당 지역의 영업 담당자에게 전화하여 라이센스를 구입할 수 있습니다.
자주 묻는 질문
Ignite UI for Blazor에 대한 질문과 답변
Why should I choose the Infragistics Ignite UI for Blazor Data Grid?
- 수백만 개의 레코드를 로드할 수 있는 가상화된 행 및 열
- JSON, REST, OData 및 사용자 정의 개체 데이터 소스를 쉽게 바인딩
- 셀, 행 및 일괄 업데이트 옵션을 사용한 인라인 편집
- Excel 스타일 필터링 및 전체 Excel 키보드 탐색 기능
- Interactive Outlook-style Grouping
- 그리드 셀이나 열의 데이터를 기반으로 한 열 요약
- 모든 최신 브라우저에서 작동
- 전화 및 채팅을 포함한 24x5 글로벌 기술 지원
What is the Pricing for the Infragistics Ignite UI for Blazor Data Grid?
Ignite UI for Blazor Ignite UI 번들을 통한 구독 모델을 통해 제공되는 상업적 라이선스 제품입니다. 단일 개발자 라이선스는 1년 구독의 경우 1,295달러부터 시작하며, 여기에는 1년의 표준 지원 및 제품 업데이트가 포함됩니다. 이 구독에는 Blazor Grid, Blazor Charts 및 기타 Blazor UI Controls가 수십 개 포함됩니다.
또한 다년 라이센스에 대한 할인도 제공합니다. 가격에 대한 자세한 내용은 가격 페이지를 참조 하세요.
여러 플랫폼에서 애플리케이션을 개발하는 경우 WPF 및 Windows Forms와 같은 데스크톱 플랫폼과 Angular, Web Components, ASP.NET MVC 및 ASP.NET Core 용 모든 최신 웹 도구 집합을 포함하는 완전한 앱 개발 패키지인 Infragistics Ultimate를 고려하십시오.
Can I purchase the Infragistics Ignite UI Blazor Data Grid control separately?
아니요, Blazor Data Grid를 별도로 구매할 수 없습니다. 수십 개의 UI 컨트롤과 구성 요소, Blazor Financial Charting을 포함한 60개 이상의 차트를 포함하는 Ignite UI 제품의 일부입니다.
How do I install Blazor and the Infragistics Ignite UI Blazor Data Grid control?
Blazor Components & Directives
귀하에게 딱 맞는 플랜을 선택하세요!
- 모든 주요 웹 프레임워크를 위한 수백 개의 UI 컨트롤 및 구성 요소
- 최신 웹 앱을 구축하는 가장 빠른 방법
다년 할인
- Ignite UI 및 Professional의 모든 것
- UI 프로토타이핑, 디자인 시스템, 사용자 테스트, 앱 구축 및 코드 생성
- 고성능, 최신 웹, 데스크탑 및 모바일 애플리케이션을 구축하기 위한 유일한 완벽한 UI/UX 툴킷
다년 할인
- Ignite UI의 모든 것
- 웹, 모바일 및 데스크톱 개발자를 위한 포괄적인 UI 구성 요소 라이브러리
다년 할인
