React Spreadsheet

DHTMLX Spreadsheet의 공식 선언형 React 래퍼입니다. 컴포넌트 기반 API로 스프레드시트 UI를 구축하십시오. 데이터를 props로 전달하고, 이벤트 콜백을 통해 변경 사항에 응답하며, 필요한 경우 ref를 통해 기본 위젯에 접근할 수 있습니다.

시작하기

• 설치 - 평가판 또는 상용 패키지 설치
• 빠른 시작 - 단계별로 첫 번째 스프레드시트 앱 만들기
• 온라인 예시 - React Spreadsheet 기능의 라이브 데모 확인

정보

완전한 동작 예시는 GitHub 데모 저장소를 참조하십시오.

API 참조

• Props 레퍼런스 - 타입과 기본값이 포함된 모든 컴포넌트 props
• Events 레퍼런스 - 카테고리별로 분류된 이벤트 콜백 props
• Types 레퍼런스 - TypeScript 인터페이스, 열거형, 타입 별칭

데이터 모델

sheets prop은 모든 스프레드시트 데이터의 단일 정보 소스입니다. 각 시트는 셀, 행/열 구성, 병합 범위, 고정 창, 필터, 정렬을 포함하는 SheetData 객체입니다.

상태 관리

스프레드시트 데이터와 애플리케이션 상태를 동기화하는 방법을 알아보십시오.

• 상태 관리 기초 - 제어된 props, 이벤트 콜백, ref 탈출구
• Redux toolkit - 단계별 통합 가이드

프레임워크 통합

• Next.js - Next.js App Router에서 React Spreadsheet 사용

테마 및 로컬라이제이션

• 테마 - 내장 테마 및 사용자 정의 CSS 재정의
• 로컬라이제이션 - UI 번역 및 숫자/날짜 형식 지정