화면에서 내보내기

메뉴바의 내보내기를 누르면 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으로 동일하게 전달할 수 있다.

자세한 설정은 내보내기를 참고한다.

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