js下载表格类PDF

安装

npm install jspdf
npm install jspdf-autotable

使用

import jsPDF from 'jspdf';
// import 'jspdf-autotable'; //  打包后运行不起来
import { applyPlugin } from 'jspdf-autotable';
applyPlugin(jsPDF);

export function downloadReportPDF(
  reportName: string,
  reportDate: string,
  filename: string,
  data: Array<any>,//表数据，json格式
): void {
  const columns = [
    { title: 'ID', dataKey: 'id' },
    { title: 'Name', dataKey: 'name' },
  ];
  const doc = new jsPDF({
    orientation: 'landscape',
    unit: 'pt',
    format: [750, 525],//调整为横向的pdf
  }); //new jsPDF('p', 'pt', [750, 525]);
  doc.text(reportName, 30, 30);//不需要name请忽略该行
  doc.text(reportDate, 30, 50);//不需要time请忽略该行
  doc.autoTable(columns, data, {
    startY: 70,//定义开始位置
  });
  doc.save(`${filename}.pdf`);
}