使用exceljs导出表格文件-简易版

最新推荐文章于 2024-06-15 09:17:48 发布

zoey_zhou

最新推荐文章于 2024-06-15 09:17:48 发布

阅读量903

点赞数

分类专栏： exceljs 文章标签：前端

本文链接：https://blog.csdn.net/zoey_zhou/article/details/124085548

版权

exceljs 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

引入所需依赖

import Excel from 'exceljs';
import {saveAs} from 'file-saver';

创建工作簿并写入内容

const workbook = new Excel.Workbook();
const worksheet = workbook.addWorksheet('My Sheet');

worksheet.columns = [
  { header: '编号', key: 'id', width: 10 },
  { header: '姓名', key: 'name', width: 32 },
  { header: '年龄', key: 'age', width: 10 }
];
var rows = [
  ['001','MIKA','23'], // row by array
  {id:'002', name: 'Kaz', age:'24'}
];
worksheet.addRows(rows);

利用 file-saver的saveAs函数导出到本地

const fileType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel"
workbook.xlsx.writeBuffer().then(data=>{
  const blob = new Blob([data],{type:fileType});
  saveAs(blob,'test.xlsx'); 
})

进行到这一步，基本上就已经实现了保存excel表格到本地的需求。
参考：exceljs官方文档