고속 Angular 데이터 그리드

Ignite UI for Angular의 데이터 그리드는 대규모 데이터 세트의 최적화, 고속 및 고성능 처리를 위해 제작되었습니다.업데이트된 가상화 지시문 및 강력한 그리드 기능으로 수백만 개의 데이터 점을 지연 시간 없이 스크롤할 수 있습니다.

무료로 시작하기
Ignite UI for Angular의 데이터 그리드는 속도 및 성능에 최적화되어 있습니다.

가상화 및 성능

데이터 그리드의 열 및 행 수준 가상화로 Angular 그리드의 행 및 열을 무제한으로 원활하게 스크롤할 수 있습니다.사용자는 시간 지연, 화면 깜박임 또는 시각적 지연 없이 Excel과 같은 스크롤 성능을 체감할 수 있어 성능 저하 없이 최고의 사용자 환경을 제공합니다.

요청 시 원격 데이터 로드

로드 온디맨드 그리드 가상화를 통해 무제한 스크롤 환경을 가능하게 합니다.그리드를 스크롤할 때 원격 서비스에서 데이터 청크를 가져와 모든 원격 데이터 크기에 맞는 높은 성능을 제공합니다.

페이징

페이징 컴포넌트는 기능 사용 여부를 제어하여 템플릿 및 프로그래밍 방식의 페이징이 가능합니다.

요약

각 컨테이너의 열에 대한 미리 정의된 기본 요약 항목을 표시합니다.

실시간 데이터 및 스트리밍

실시간 데이터를 그리드에 직접 스트리밍 -셀 수준의 업데이트 기능으로 초당 수백 건의 업데이트가 가능하여 그리드 사용자 환경에 전혀 영향을 미치지 않음- 가장 까다로운 Angular 어플리케이션을 위해 실시간 데이터를 제공합니다.

Angular 데이터 그리드의 셀 선택.

셀 선택

데이터 셀을 개별적으로 선택하거나 선택 취소할 수 있습니다.

Angular 데이터 그리드의 셀에 스타일과 템플릿을 적용합니다.

셀 스타일 및 템플릿

CSS로 셀 모양을 사용자 지정하거나 ng-template로 모든 셀을 다시 템플릿하여 셀 렌더 모양을 지정할 수 있습니다.

열 필터링

그리드는 단순하고 복잡한 열 단위 필터링 UI 모두를 갖추고 있습니다.

열 숨기기

사용자가 그리드 UI에서 API를 거쳐 직접 열을 숨기고 표시하거나 열 숨김 UI를 각 컴포넌트로 정의하고 페이지에서 원하는 위치에 배치할 수 있습니다.

정렬

그리드 정렬은 열 단위 수준이므로 그리드는 정렬할 수 없는 열과 정렬할 수 있는 열을 조합할 수 있습니다.

열 텍스트 필터

텍스트를 사용해 열 단위 수준으로 필터링하여 정보를 빠르게 찾을 수 있습니다.

가상 행

스크롤 즉시 나머지가 렌더링되어 화면에 표시된 행을 빠르게 탐색할 수 있습니다.

가상 열

스크롤 즉시 나머지가 렌더링되어 화면에 표시된 열을 쉽게 탐색할 수 있습니다.

Angular 데이터 그리드의 ARIA 지원.

접근성 및 ARIA 지원

Angular 그리드는 a11y 키보드 접근성, ARIA & 접근성 컬러 팔레트로 완벽하게 접근할 수 있습니다.

Angular 데이터 그리드에서 행 제거

행 삭제

데이터의 행을 쉽게 제거할 수 있습니다.

복수 열 헤더

공통 헤더 아래에 열을 그룹화할 수 있도록 복수 열 헤더를 활성화합니다.모든 열 그룹은 열 핀 고정, 그룹 내 대화형 열 이동, 그룹 정렬 및 숨기기를 완벽하게 지원하여 다른 그룹 또는 열 사이의 조합이 가능합니다.

그룹화

계층 그룹으로 데이터 레코드를 시각화합니다.

그리드 툴 모음

그리드 상단에 있는 툴 모음은 열 숨기기, 열 핀 고정, Excel 내보내기 등과 같은 다양한 대화형 컨트롤을 관리할 수 있는 UI 작업을 위한 컨테이너입니다.

모든 그리드 열을 검색하고 검색 결과를 즉시 강조 표시 할 수 있는 글로벌 검색 텍스트 상자가 있는 Gmail과 같은 글로벌 검색 옵션을 제공합니다.

콤보

드롭다운 목록에 그룹화 및 사용자 값 추가, 목록 안에서 가상 검색을 지원하여 단일 또는 복수 항목을 쉽게 필터링하고 선택할 수 있습니다.항목, 헤더, 푸터, 그룹화 영역에 대한 사용자 템플릿을 제공합니다.

시각적으로 그룹화할 수 있는 단일 선택 항목의 스크롤 가능한 목록을 표시합니다.

오버레이

다양한 오버레이 매개 변수로 콘텐츠 렌더링을 변경합니다.

필터링 UI

사용자 정의 및 복잡한 필터링 옵션을 추가하여 필요에 따라 데이터를 필터링합니다.

선택 가능하고 키보드 접속 가능한 값을 표시합니다.

셀 복사 및 붙여넣기

각 셀 및 셀 범위에 정보를 쉽게 복사 및 붙여넣기할 수 있습니다.

키보드 탐색

키보드, 터치 및 마우스 탐색을 지원하는 그리드는 igx-scroll 기능을 사용하여 양쪽 축에서 스크롤할 수 있습니다.

열 이동

간단히 열을 이동, 정렬, 드래그 및 구성할 수 있습니다.p>

Excel/CSV/TSV로 내보내기

열을 포함하거나 제외하고 출력을 사용자 정의할 수 있는 API를 지원하여 그리드를 XLSX, TSV 또는 CSV 형식으로 Excel로 내보내기를 할 수 있습니다.