FreeGridv0.7.0English

변경 내역

최신 버전은 v0.7.0입니다. 지금 npm에서 받을 수 있는 버전은 v0.7.0이며, 그 이후 버전은 다음 npm 배포 때 함께 공개됩니다.

  1. v0.7.0 피벗 테이블과 차트

    npm 배포됨
    • 피벗 테이블: 행 필드, 열 필드, 값(합계·평균·최소·최대·개수)과 합계 열, 원본 행에서 계산한 그룹 소계
    • 코드 없이 피벗을 구성하는 사이드 패널
    • 외부 라이브러리 없는 SVG 차트: 막대, 누적 막대, 꺾은선, 영역, 원형
    • 선택한 범위를 우클릭 메뉴로 차트로 만들고, 셀이 바뀌면 다시 그림
    • 그리드 없이 쓰는 renderChart, 새 API setPivot, getPivot, createChart, 이벤트 pivotChange

  2. v0.6.0 내보내기·가져오기·필터 패널

    npm v0.7.0에 포함
    • 숫자·날짜 서식, 병합된 다단 헤더, 머리글 고정과 자동 필터가 들어간 엑셀(.xlsx) 내보내기
    • 엑셀에서 한글이 깨지지 않는 CSV 내보내기와 수식 실행 방지
    • 헤더를 컬럼에 맞추고 붙여넣기처럼 값을 검사하는 엑셀·CSV 가져오기(실행 취소 가능)
    • 사이드바의 필터 패널과 '필터 모두 지우기'
    • 우클릭 메뉴의 내보내기 항목
    • 그리드 없이 쓰는 readXlsx, writeXlsx(외부 라이브러리 없음)

  3. v0.5.0 페이지와 서버 데이터

    npm v0.7.0에 포함
    • 쪽 이동 막대와 쪽당 행 수 선택이 있는 페이지네이션
    • 서버 데이터: 스크롤에 맞춰 API에서 블록 단위로 불러오고, 오는 동안 자리 표시 행을 보여 줌
    • 전체 개수를 모를 때 무한 스크롤
    • 서버 쪽 페이지: 한 쪽에 요청 한 번
    • 정렬, 필터, 빠른 검색 조건을 서버로 전달
    • 새 API: setPage, setPageSize, getPageCount, refreshRows / 이벤트 pageChange, rowsLoaded, rowsLoadFailed

  4. v0.4.0 그룹핑과 트리

    npm v0.7.0에 포함
    • 한 개 이상의 컬럼으로 행 그룹핑, 그룹별 행 수와 컬럼별 집계(aggFunc)
    • 그룹 패널: 열 머리글을 그리드 위로 끌어와 묶고, 칩으로 순서 변경·해제
    • getParentId로 트리 데이터 구성, 필터 시 일치하는 행의 상위 행 유지
    • 마스터/디테일: 행 아래에 펼쳐지는 전체 너비 패널(높이 지정 가능)
    • 행 드래그 핸들로 순서 변경(실행 취소 가능)
    • 새 API: setGroupBy, expandAll, collapseAll, setGroupExpanded, setDetailExpanded, moveRow

  5. v0.3.0 스프레드시트 기능

    npm v0.7.0에 포함
    • 같은 값이 이어지는 셀 병합(merge)
    • 숫자·날짜·글자 연속값을 이어 주는 채우기 핸들
    • 행 수와 선택한 셀의 합계를 보여 주는 상태 표시줄
    • 위/아래 고정 행
    • Ctrl+F 찾기 창과 find API
    • 헤더 줄바꿈

  6. v0.2.0 편집과 클립보드

    npm v0.7.0에 포함
    • 엑셀식 셀 범위 선택, 엑셀로 복사·엑셀에서 붙여넣기, 우클릭 메뉴
    • 셀 편집기: 텍스트, 숫자, 날짜, 선택(연동 옵션), 여러 줄, 직접 만든 편집기
    • 유효성 검사, 변경 내역 추적, 실행 취소·다시 실행
    • 행 추가·삭제, 키 설정 변경