데모
기능별로 나눠 직접 만져볼 수 있게 했습니다. 페이지마다 실제로 동작하는 코드도 함께 볼 수 있습니다.
10만 행보이는 행과 열만 그리기 때문에 10만 행 × 50열도 끊김 없이 스크롤됩니다.정렬헤더를 누르면 정렬되고, Shift를 누른 채 누르면 여러 컬럼 기준으로 정렬됩니다.필터텍스트·숫자·날짜·값 목록 필터와 빠른 검색으로 원하는 행만 골라냅니다.컬럼 고정중요한 컬럼을 왼쪽이나 오른쪽에 고정하면 가로로 스크롤해도 계속 보입니다.다단 헤더헤더를 여러 단으로 묶어 연도별·분기별 데이터를 한눈에 보여줍니다.컬럼 커스터마이징컬럼을 숨기거나 순서와 너비를 바꾸고, 그 배치를 저장해 둘 수 있습니다.요약 행합계·평균 같은 요약 행을 위나 아래에 고정하거나, 데이터와 함께 스크롤되게 둘 수 있습니다.편집셀을 바로 수정합니다. 텍스트·숫자·날짜·선택 편집기, 유효성 검사, 실행 취소, 변경 내역까지 지원합니다.스프레드시트 기능셀 병합, 채우기 핸들, 합계 상태 표시줄, 고정 행, Ctrl+F 찾기.그룹핑과 트리행을 묶어 합계를 보고, 트리로 펼치고, 상세 패널을 열고, 행을 끌어 순서를 바꿉니다.페이지와 서버 데이터행을 쪽 단위로 넘기거나, 스크롤에 맞춰 서버에서 필요한 만큼만 불러옵니다.내보내기·가져오기·필터 패널엑셀·CSV로 저장하고, 엑셀·CSV 파일을 불러오고, 옆 패널에서 필터를 겁니다.피벗 테이블과 차트원하는 기준으로 행을 요약하고, 셀을 막대·꺾은선·원형 차트로 바꿉니다.복사·붙여넣기·우클릭엑셀처럼 셀을 드래그해 복사하고, 엑셀에서 복사한 내용을 그대로 붙여넣습니다. 우클릭 메뉴도 있습니다.행 선택체크박스나 Ctrl, Shift로 한 행 또는 여러 행을 선택합니다.키보드 이동방향키, Tab, Home/End, PageUp/Down만으로 마우스 없이 셀을 오갑니다.서식과 렌더러숫자와 날짜를 언어에 맞게 표시하고, 셀 안에 배지나 막대 그래프도 그릴 수 있습니다.테마와 글꼴라이트·다크와 한국식 테마 중에서 고르고, 글꼴 크기와 종류도 바꿀 수 있습니다.7개 언어그리드의 메뉴와 안내 문구를 7개 언어 중 하나로 바로 바꿉니다.ReactReact에서는 <FreeGrid> 컴포넌트에 props와 이벤트만 넘기면 됩니다.VueVue에서도 <FreeGrid> 컴포넌트 하나로 바로 씁니다.