데모내보내기
Excel, CSV, PDF 내보내기 데모입니다. 메뉴바에서 형식을 선택해 파일을 다운받을 수 있습니다.

화면에서 내보내기

메뉴바의 내보내기를 누르면 Excel / CSV / PDF 하위 메뉴가 열립니다. 항목을 선택하면 다이얼로그에서 파일명·옵션을 확인한 뒤 내보낼 수 있습니다.

형식다이얼로그에서 설정
Excel파일명, 헤더 포함, 스타일 포함
CSV파일명, 헤더 포함
PDF파일명, 가로 방향, 헤더 포함, 스타일 포함

외부 모듈 등록

CSV는 추가 라이브러리 없이 동작합니다. Excel·PDF는 ExcelJS, jsPDF를 useAll로 등록해야 하며, 등록되지 않으면 해당 메뉴 항목이 비활성화됩니다.

import * as ExcelJS from 'exceljs';
import * as jsPDF from 'jspdf';
import { useAll } from 'realpivot2';
 
useAll({
  ExcelJS,
  jsPDF,
});

번들러 없이 <script>로 쓸 때는 UMD 전역을 그대로 넘깁니다. jsPDF는 등록 키(jsPDF)와 전역 이름(jspdf)의 표기가 다르고, 값은 클래스가 아니라 네임스페이스 전체입니다.

<script src="./lib/exceljs.js"></script>
<script src="./lib/jspdf.js"></script>
<script>
  RealPivot2.useAll({
    ExcelJS: window.ExcelJS,
    jsPDF: window.jspdf,
  });
</script>

React·Vue에서는 컴포넌트의 modules prop으로 동일하게 전달할 수 있습니다.

자세한 설정은 내보내기 가이드를 참고하세요.

플레이그라운드를 불러오는 중…

지도테마