React, Vue, Solid, Svelte 등에서 마크업과 스타일을 완전히 제어하며 데이터 그리드를 만들 수 있는 헤드리스 TypeScript/JavaScript 테이블 라이브러리입니다.
1771-Technologies/lytenyte
정렬, 필터링, 그룹화, 피벗, 가상화를 지원하는 무의존성 React 데이터 그리드로, 헤드리스 모드와 사전 스타일 적용 모드를 제공합니다.
대체할 수 있는 제품:AG Grid
Handsontable
- 스타
- 1,030
- 포크
- 54
- 열린 이슈
- 3
- 마지막 커밋
- 2개월 전
어떤 프로젝트인가요?
LyteNyte Grid는 npm 패키지 두 개로 배포되는 React 데이터 그리드 라이브러리입니다. 무료 Apache 2.0 라이선스의 Core 에디션과 이를 확장하는 상용 PRO 에디션으로 구성됩니다. TypeScript 모노레포 프로젝트이며 선언형 prop 기반 API를 중심으로 설계되어, URL 파라미터, 서버 상태 또는 다른 외부 상태로 그리드 상태를 제어할 수 있습니다.
그리드는 행과 열 가상화, 열 크기 조정·고정·순서 변경, 집계 기능을 포함한 행 그룹화, 마스터-디테일 뷰, 검증을 지원하는 셀 편집을 제공합니다. Core에는 정렬, 필터링, 편집, 선택, 집계가 포함되고, PRO에는 서버 측 데이터 로딩, 피벗, 트리 데이터, 표현식과 열 관리자 및 트리 뷰 같은 사전 제작 컴포넌트가 추가됩니다.
스타일을 적용하지 않아 완전한 헤드리스 테이블로 사용하거나, Tailwind, CSS Modules, CSS-in-JS와 함께 사전 제작 테마를 사용할 수 있습니다. Excel, CSV, Parquet, Arrow 내보내기와 키보드 탐색, 접근성 지원, RTL 레이아웃도 포함됩니다.
핵심 기능
- 01Tailwind, CSS Modules, CSS-in-JS 테마 옵션을 지원하는 헤드리스 또는 사전 스타일 적용 렌더링
- 02대규모 데이터셋을 위한 행 및 열 가상화
- 03Core에서 정렬, 필터링, 행 그룹화 및 집계 지원
- 04PRO에서 서버 측 데이터 로딩, 피벗 및 트리 데이터 지원
- 05검증 기능을 갖춘 셀 편집 및 일괄 편집
- 06Excel, CSV, Parquet, Arrow 내보내기
- 07키보드, 접근성 및 RTL 지원
활용 사례
- 필터링과 정렬 기능으로 대규모 테이블을 표시하는 관리 대시보드 또는 내부 도구 구축
- React 애플리케이션에 스프레드시트와 유사한 편집 뷰 추가
- 그리드 로직과 동작은 유지하면서 스타일을 완전히 맞춤 설정한 테이블 제작
- PRO 배포 환경에서 서버 페이지네이션 또는 무한 스크롤 데이터를 표시
빠른 시작
- 1
npm으로 Core 패키지를 설치합니다
npm install --save @1771technologies/lytenyte-core - 2
npm으로 PRO 패키지를 설치합니다(선택 사항이며, 라이선스가 없으면 워터마크가 표시된 상태로 실행됩니다)
npm install --save @1771technologies/lytenyte-pro - 3
공식 시작 가이드에 따라 앱에 그리드를 통합합니다
사용 전 알아둘 점
- 라이선스가 없으면 PRO 버전에 워터마크가 표시됩니다.
- 라이선스가 NOASSERTION으로 표기되어 있으므로 사용 전에 라이선스 조건을 확인하세요.
- 피벗 및 서버 측 로딩과 같은 여러 고급 기능은 PRO 에디션에서만 사용할 수 있습니다.
토픽
자주 묻는 질문
- lytenyte은(는) 무엇인가요?
- 정렬, 필터링, 그룹화, 피벗, 가상화를 지원하는 무의존성 React 데이터 그리드로, 헤드리스 모드와 사전 스타일 적용 모드를 제공합니다. LyteNyte Grid는 npm 패키지 두 개로 배포되는 React 데이터 그리드 라이브러리입니다. 무료 Apache 2.0 라이선스의 Core 에디션과 이를 확장하는 상용 PRO 에디션으로 구성됩니다. TypeScript 모노레포 프로젝트이며 선언형 prop 기반 API를 중심으로 설계되어, URL 파라미터, 서버 상태 또는 다른 외부 상태로 그리드 상태를 제어할 수 있습니다.
- lytenyte은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- lytenyte은(는) Other 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- lytenyte은(는) 아직 유지보수되고 있나요?
- 6개월 이내 업데이트. lytenyte의 마지막 커밋은 2026년 8월 15일입니다.
- lytenyte은(는) 어디에 사용할 수 있나요?
- 필터링과 정렬 기능으로 대규모 테이블을 표시하는 관리 대시보드 또는 내부 도구 구축 React 애플리케이션에 스프레드시트와 유사한 편집 뷰 추가 그리드 로직과 동작은 유지하면서 스타일을 완전히 맞춤 설정한 테이블 제작 PRO 배포 환경에서 서버 페이지네이션 또는 무한 스크롤 데이터를 표시
- lytenyte는 어떻게 설치하나요?
- npm으로 Core 패키지를 설치합니다: npm install --save @1771technologies/lytenyte-core npm으로 PRO 패키지를 설치합니다(선택 사항이며, 라이선스가 없으면 워터마크가 표시된 상태로 실행됩니다): npm install --save @1771technologies/lytenyte-pro 공식 시작 가이드에 따라 앱에 그리드를 통합합니다
- lytenyte은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/1771-Technologies/lytenyte
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React, Angular, Vue에서 사용할 수 있는 스프레드시트 형태의 편집 및 수식 기능을 갖춘 JavaScript/TypeScript 데이터 그리드 컴포넌트입니다.
디자인 시스템과 웹 앱을 만들기 위한, 스타일이 지정되지 않은 접근성 높은 React UI 프리미티브 오픈소스 모음입니다.
맞춤형 디자인 시스템 구축을 위한 접근성 높은 UI 기본 요소를 제공하는 스타일 없는 React 컴포넌트 라이브러리입니다.
화면에 보이는 행과 셀만 렌더링해 대용량 목록과 표 데이터를 효율적으로 표시하는 React 컴포넌트 모음입니다.
화면에 보이는 행과 셀만 마운트해 대규모 목록과 표 데이터를 효율적으로 렌더링하는 React 컴포넌트입니다.