개발자 웹 애플리케이션용 Ignite UI 로고

가장 빠른 Angular 데이터 그리드

Ignite UI for Angular 세계에서 가장 빠른 가상화된 Angular 데이터 그리드와 인라인 편집, Excel 스타일 필터링, Outlook 스타일 그룹화 등과 같은 다양한 기능을 포함하여 Angular 네이티브, Material 기반 UI 구성 요소의 전체 라이브러리를 제공합니다.

Angular 프레임워크 로고

Angular 데이터 그리드 주요 기능

Ignite UI for Angular 대용량 실시간 데이터만을 위한 것이 아닙니다. 이는 자체적으로는 그렇게 적은 코드로는 결코 달성할 수 없는 기능을 제공하는 기능이 풍부한 Angular 그리드입니다.
이 예에서는 데이터 그리드의 몇 가지 주요 기능을 보여줍니다.

데이터 가상화 및 성능

성능 및 데이터 시각화 기능을 보여주는 Ignite UI for Angular 스크롤

데이터 그리드의 열 및 행 수준 가상화를 통해 Angular 그리드에서 무제한의 행과 열을 원활하게 스크롤할 수 있습니다. 로컬 또는 원격 데이터 소스에 대한 지원을 통해 데이터가 어디에 있든 최고의 성능을 얻을 수 있습니다. 사용자는 지연, 화면 깜박임 또는 시각적 지연 없이 엔터프라이즈 속도로 Excel과 같은 스크롤을 경험하여 성능 저하 없이 최고의 사용자 경험(UX)을 제공합니다.

빠르고 쉬운 사용자 정의, 구축 및 구현

Ignite UI Angular Data Grid는 사용자 정의 템플릿 및 실시간 데이터 업데이트에 대한 액세스를 제공하는 동시에 데이터의 무제한 행과 열을 처리할 수 있습니다. 손쉬운 테마 지정 및 브랜딩을 위한 직관적인 API를 갖추고 있어 최소한의 코드로 데이터에 빠르게 바인딩할 수 있습니다.

Angular Data Grid 내 필터링 기능 애니메이션

Angular 그리드 페이징, 정렬, 필터링 및 검색

사용자가 기본 호출기를 사용하여 데이터 세트를 탐색할 수 있도록 하거나 자신만의 템플릿을 만들어 자신만의 페이징 경험을 제공할 수 있습니다. 단일 및 다중 열 정렬, 그리드의 전체 텍스트 검색, 데이터 유형 기반 Microsoft Excel 스타일 필터링을 포함한 여러 고급 필터링 옵션을 완벽하게 지원합니다.

Angular Data Grid 구성 요소 내의 셀에서 인라인 편집

인라인 Angular 그리드 편집

열의 데이터 유형을 기반으로 편집 가능한 열에 대한 기본 셀 템플릿을 제공합니다. 편집 가능한 열에 대한 사용자 정의 템플릿을 정의하고 셀 값의 변경 사항을 커밋하고 삭제하기 위한 기본 동작을 재정의할 수 있습니다.

Angular Data Grid 내의 키보드 탐색 기능 애니메이션

Angular 그리드에서 키보드 탐색 및 행/셀 선택

위쪽, 아래쪽, 오른쪽, 왼쪽, 탭 및 Enter 키를 사용하여 Angular 데이터 그리드에서 Excel과 유사한 키보드 탐색을 지원하여 접근성 규정 준수를 보장하고 사용성을 향상시킵니다. 마우스나 키보드를 사용하여 Angular 그리드에서 단일 또는 다중 행 선택을 전환하여 전체 행을 선택하거나 선택 취소하거나 그리드 도구 모음에 내장된 모두 선택/모두 선택 취소 확인란을 사용하여 행 선택 작업을 수행할 수 있습니다.이 기능의 최신 개선 사항에 대해 알아보세요.

Angular Data Grid 구성요소의 ARIA 지원을 위한 아이콘 표현

Angular 그리드 접근성 및 ARIA 지원

Ignite UI for Angular의 각 Angular 구성 요소는 최신 접근성 지침 및 사양에 따라 구현되었습니다. 우리의 Angular 구성 요소는 OS 또는 브라우저에서 제공하는 접근성 기술인 스크린 리더를 사용하여 테스트되었습니다. 우리 팀은 지침이 구현될 뿐만 아니라 시각 장애가 있는 사람들에게 전달되는 실제 콘텐츠가 실제로 소비 가능하고 사용자 친화적인지 확인합니다. Ignite UI for Angular a11y 키보드 접근성, ARIA 및 접근 가능한 색상 팔레트를 통해 완벽하게 접근할 수 있습니다. 자세히 알아보기

Angular Data Grid 구성 요소에 대해 열 그룹화, 고정 및 요약 기능이 활성화된 데이터 그리드

열 그룹화, 고정, 요약 및 Angular 그리드 내 이동

내장된 열 요약 또는 사용자 정의 요약 템플릿을 지원하여 마우스 상호 작용, 터치 또는 API를 통해 열 또는 사전 설정된 열 그룹을 그룹화합니다. 이동, 드래그 및 재정렬 작업 중에 대화형 열 고정을 완벽하게 지원하여 사용자가 대화형으로 열을 숨기거나​ ​이동할 수 있습니다.

Angular Data Grid 구성 요소에서 다중 열 헤더 기능이 활성화된 데이터 그리드

Angular 그리드의 다중 열 헤더

다중 열 헤더를 활성화하면 공통 헤더 아래에 열을 그룹화할 수 있습니다. 모든 열 그룹은 열 고정, 그룹 내 대화형 열 이동, 그룹 정렬 및 숨기기를 완벽하게 지원하여 다른 그룹 또는 열 간의 조합을 나타낼 수 있습니다.

Angular Data Grid의 테마 지정 및 템플릿 기능을 보여주는 다양한 그리드 디자인의 애니메이션

Angular 그리드의 테마 지정, 스타일 지정 및 템플릿 지정

Ignite UI for Angular 사용하면 CSS로 셀 모양을 사용자 정의하거나 ng-template으로 셀 템플릿을 다시 지정하여 셀 렌더링 모양을 제공할 수 있습니다. 머티리얼 디자인에 대한 완벽한 지원을 통해 사용하기 쉬운 테마 엔진으로 브랜드 경험을 맞춤화할 수 있습니다.

Angular Data Grid의 Microsoft Excel과 유사한 기능을 아이콘으로 표현한 것

Angular 그리드용 Excel 라이브러리

데이터 그리드를 XLXS, XLS, TSV 또는 CSV로 내보내기를 완벽하게 지원합니다. Ignite UI for Angular 엑셀 라이브러리 300개 이상의 수식, 표 지원, 조건부 서식, 차트 생성 등이 포함되어 있으며 모두 클라이언트 컴퓨터에 Microsoft Excel이 필요하지 않습니다.

지금 가장 빠른 Angular 그리드를 다운로드하세요!

최신 웹 브라우저 및 수상 경력에 빛나는 지원

Ignite UI for Angular

  • 크롬
  • 엣지/엣지 크롬
  • 파이어폭스
  • 원정 여행
  • 폴리필이 포함된 Internet Explorer 11

Ignite UI for Angular

Ignite UI for Angular

Ignite UI for Angular는 Ignite UI 번들을 통해 구독 모델을 통해 사용할 수 있는 상업적으로 라이선스가 부여된 제품입니다. 30일 평가판에 등록 하면 Ignite UI for Angular 제품을 무료로 사용해 볼 수 있습니다. 평가판 기간이 끝나면 당사 웹 사이트에서 라이선스를 구입하거나 해당 지역의 영업 부에 전화하여 라이선스를 구입할 수 있습니다.

자주 묻는 질문

Ignite UI for Angular에 대한 질문과 답변

Why should I choose the Infragistics Ignite UI for Angular Data Grid?

What is the Pricing for the Infragistics Ignite UI for Angular Data Grid?

Ignite UI for Angular는 Ignite UI 번들을 통해 구독 모델을 통해 사용할 수 있는 상업적으로 라이선스가 부여된 제품입니다. 단일 개발자 라이선스는 1년 구독의 경우 미화 1,295달러부터 시작하며, 여기에는 1년의 표준 지원 및 제품 업데이트가 포함됩니다. 이 구독에는 Angular 그리드, Angular 차트 및 기타 Angular UI 컨트롤에 대한 수십 가지가 포함됩니다.

또한 다년 라이센스에 대한 할인도 제공합니다. 가격에 대한 자세한 내용은 가격 페이지를 참조 하세요.

여러 플랫폼에서 애플리케이션을 개발하는 경우 WPF 및 Windows Forms와 같은 데스크톱 플랫폼과 Angular, Web Components, ASP.NET MVC 및 ASP.NET Core를 위한 모든 최신 웹 도구 세트가 포함된 완전한 앱 개발 패키지인 Infragistics Ultimate를 고려해 보세요.

Can I purchase the Infragistics Ignite UI for Angular Data Grid control separately?

아니요, Angular Data Grid는 별도로 구매할 수 없습니다. 수십 개의 UI 컨트롤 및 구성 요소와 Angular Financial Charting을 포함한 60개 이상의 차트가 포함된 Ignite UI 제품의 일부입니다.

How do I Install Angular and the Infragistics Ignite UI for Angular Data Grid control?

Angular Data Grid를 시작하려면 시작 가이드의 단계를 따르세요. 우리는 또한 영감을 줄 뿐만 아니라 Angular 개발을 위한 모범 사례 가이드가 되도록 설계된 샘플 애플리케이션 라이브러리를 유지 관리합니다.

Ignite UI Spaceman building rocket

Angular 구성 요소 및 지시문

귀하에게 딱 맞는 플랜을 선택하세요!

좋은 가치

  • 모든 주요 웹 프레임워크를 위한 수백 개의 UI 컨트롤 및 구성 요소
  • 최신 웹 앱을 구축하는 가장 빠른 방법
$0 per developer, royalty-free subscription

다년 할인

다년 할인이 없습니다.
훌륭한 가치

  • Ignite UI의 모든 것
  • 웹, 모바일 및 데스크톱 개발자를 위한 포괄적인 UI 구성 요소 라이브러리
$0 per developer, royalty-free subscription

다년 할인

다년 할인이 없습니다.

Infragistics와 연결

최신 뉴스 및 업데이트를 위해 우리를 따르십시오

Ignite UI 로켓 이륙 점화