Repolode
제출하기
jspreadsheet

jspreadsheet/ce

Jspreadsheet CE는 웹 앱에서 Excel처럼 편집하고, 수식을 사용하며, 열 유형을 지정할 수 있는 경량 JavaScript 데이터 그리드 컴포넌트입니다.

대체할 수 있는 제품:ExcelGoogle Sheets

GitHub에서 보기웹사이트
스타
7,241
포크
892
열린 이슈
155
마지막 커밋
24일 전

어떤 프로젝트인가요?

Jspreadsheet CE는 HTML 컨테이너를 스프레드시트처럼 상호작용할 수 있는 데이터 그리드로 바꿔 주는 JavaScript 컴포넌트입니다. 그리드를 처음부터 만들지 않고도 브라우저에서 사용자가 표 데이터를 조회하고 입력하고 편집할 수 있도록 하려는 개발자를 위한 도구입니다.

그리드는 텍스트, 마스크를 적용한 숫자, 자동 완성 기능이 있는 드롭다운, 달력, 체크박스, 색상 선택기, 이미지 등의 유형별 열을 지원합니다. 사용자는 Excel의 표준 단축키로 복사하고 붙여넣을 수 있으며, 수식, 열 크기 조정과 드래그, 중첩 헤더, 하나의 스프레드시트에서 여러 워크시트를 사용하는 기능도 제공합니다.

패키지는 npm에 게시되어 있으며 CDN으로도 불러올 수 있습니다. MIT 라이선스를 따르며, React 및 Vue용 래퍼와 jQuery 및 웹 컴포넌트 예제도 제공합니다.

핵심 기능

  • 01Excel과 유사한 편집 및 표준 복사·붙여넣기 단축키
  • 02텍스트, 마스크가 적용된 숫자, 드롭다운, 달력, 체크박스, 색상, 이미지용 유형별 열
  • 03수식 및 푸터 수식 지원
  • 04열 드래그 및 크기 조정, 중첩 헤더
  • 05하나의 스프레드시트에서 여러 워크시트 사용
  • 06React 및 Vue 전용 래퍼

활용 사례

  • ERP 또는 재고 관리 인터페이스의 편집 가능한 데이터 그리드
  • 교육 시스템의 성적 또는 학생 정보 입력 테이블
  • 사용자 지정 검증을 적용한 실험실 또는 연구 데이터 수집
  • 기존 웹 애플리케이션에 스프레드시트 스타일의 편집 기능 추가

빠른 시작

  1. 1

    npm에서 패키지를 설치합니다

    npm install jspreadsheet-ce
  2. 2

    HTML 파일에 Jspreadsheet 및 Jsuites 스크립트와 스타일시트를 추가하거나 README의 CDN 링크를 사용합니다

  3. 3

    id가 있는 div 컨테이너를 만들고 JavaScript에서 jspreadsheet()를 사용해 그리드를 초기화합니다

  4. 4

    HTML 파일을 제공하고 브라우저에서 열어 그리드를 확인합니다

사용 전 알아둘 점

  • 버전 5에서는 v4와 아키텍처가 달라졌으므로 업그레이드 가이드에 따라 코드를 변경해야 합니다.
  • 일부 엔터프라이즈 기능과 같은 고급 기능은 유료 버전인 Jspreadsheet Pro에서만 제공됩니다.

토픽

#javascript#data-grid#spreadsheet#excel#frontend-component#table#web-components#datagrid#datatables#grid

자주 묻는 질문

ce은(는) 무엇인가요?
Jspreadsheet CE는 웹 앱에서 Excel처럼 편집하고, 수식을 사용하며, 열 유형을 지정할 수 있는 경량 JavaScript 데이터 그리드 컴포넌트입니다. Jspreadsheet CE는 HTML 컨테이너를 스프레드시트처럼 상호작용할 수 있는 데이터 그리드로 바꿔 주는 JavaScript 컴포넌트입니다. 그리드를 처음부터 만들지 않고도 브라우저에서 사용자가 표 데이터를 조회하고 입력하고 편집할 수 있도록 하려는 개발자를 위한 도구입니다.
ce은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
ce은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
ce은(는) 아직 유지보수되고 있나요?
활발히 유지보수 중. ce의 마지막 커밋은 2026년 10월 14일입니다.
ce은(는) 어디에 사용할 수 있나요?
ERP 또는 재고 관리 인터페이스의 편집 가능한 데이터 그리드 교육 시스템의 성적 또는 학생 정보 입력 테이블 사용자 지정 검증을 적용한 실험실 또는 연구 데이터 수집 기존 웹 애플리케이션에 스프레드시트 스타일의 편집 기능 추가
ce는 어떻게 설치하나요?
npm에서 패키지를 설치합니다: npm install jspreadsheet-ce HTML 파일에 Jspreadsheet 및 Jsuites 스크립트와 스타일시트를 추가하거나 README의 CDN 링크를 사용합니다 id가 있는 div 컨테이너를 만들고 JavaScript에서 jspreadsheet()를 사용해 그리드를 초기화합니다 HTML 파일을 제공하고 브라우저에서 열어 그리드를 확인합니다
ce은(는) 어디서 받을 수 있나요?
소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/jspreadsheet/ce

요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.

관련 프로젝트