DevExtreme React Data Grid

DevExpress그리드 컨트롤JavaScript

데이터 그리드 표시를 위한 기능이 풍부한 React 구성 요소입니다.

  • 정렬, 그룹화, 필터링과 같은 복잡한 데이터 작업을 지원합니다.
  • 페이징 및 검색 패널을 포함한 다양한 상호작용 기능을 제공합니다.
  • 사용자 지정 렌더링 옵션이 있는 매우 사용자 지정 가능한 열과 셀을 제공합니다.
DevExpress logo

가격:

로딩 중...
다음에서 사용 가능
DevExtreme Complete로딩 중
DevExpress DXperience로딩 중
DevExpress Universal로딩 중
DevExpress VCL Subscription +로딩 중
선택에 도움이 필요하신가요? 구매 방법과 사양을 확인하세요.
DevExtreme React Data Grid 제품 이미지
DevExtreme React Data Grid는 React 애플리케이션에서 개발자가 표 형식 데이터 세트를 효율적으로 표시하고 관리할 수 있게 해주는 강력한 인터페이스 구성 요소입니다. 정렬, 그룹화, 필터링과 같은 다양한 데이터 작업을 지원하며, 페이지 매김 및 검색을 포함한 대화형 기능도 제공합니다. 또한 그리드는 특정 애플리케이션 요구 사항을 충족하도록 열과 셀을 폭넓게 사용자 지정할 수 있습니다.

데이터 바인딩 및 관리

로컬 및 원격 데이터 소스 모두에 바인딩되며, 필요 시 데이터 로딩과 대용량 데이터 세트의 효율적인 관리를 지원합니다.

정렬 및 그룹화

사용자가 여러 열 기준으로 데이터를 정렬하고, 그룹 확장 및 정렬 동작을 제어할 수 있는 옵션과 함께 열별로 레코드를 그룹화할 수 있게 합니다.

필터링 및 검색

필터 행, 헤더 필터, 검색 패널을 포함한 포괄적인 필터링 기능을 통합하며, 대소문자 구분 강조 표시를 지원합니다.

페이징 및 탐색

다양한 페이지 크기와 원활한 포커스 관리 및 키보드 탐색 지원을 통한 페이지 이동을 지원하는 유연한 pager 구성 요소를 포함합니다.

열 사용자 지정

정렬, 서식 지정, 필터링 권한, 그룹화 기능과 같은 폭넓은 구성 옵션을 통해 개발자가 열을 명시적으로 정의할 수 있습니다.

사용자 지정 셀 렌더링

사용자 지정 셀 템플릿과 렌더링 함수를 지원하여 그리드 셀 내의 시각적 구성 요소를 포함한 데이터 표시를 맞춤화할 수 있습니다.

마스터-디테일 인터페이스

상세 정보를 위한 확장 가능한 행이 있는 마스터-디테일 레이아웃을 통해 복잡한 데이터 관계의 시각화를 지원합니다.

편집 및 유효성 검사

인라인 편집과 데이터 무결성을 보장하기 위한 유효성 검사 규칙을 포함한, 사용자 지정 가능한 편집기를 갖춘 편집 기능을 제공합니다.

내보내기 기능

보이는 열을 내보내고 내보내기 형식을 사용자 지정할 수 있는 옵션과 함께 그리드 데이터의 클라이언트 측 내보내기를 지원합니다.

이벤트 및 API 접근

사용자 상호작용을 처리하고 런타임에 그리드 동작을 조작하기 위한 포괄적인 이벤트 및 메서드 집합을 제공합니다.

제품 호환성

아래의 세부 정보를 확인하여 이 제품이 사용 환경에서 지원되는지 확인하세요.

컴포넌트 유형

  • JavaScript

JavaScript 플랫폼

  • React