目錄

• 前言
• • 目前有個需求是不通過后端，前端直接導出表格數據。從網上找了一個庫，發現很好用 ，所以簡單記錄下，方便日后查閱 GitHub地址： [https://github.com/cuikangjie/js-export-excel](https://github.com/cuikangjie/js-export-excel) 作者： [kin](https://github.com/cuikangjie)
• 使用步驟
• • 1.引入到項目中
  • 2.使用
• 總結
• 最后

前言

目前有個需求是不通過后端，前端直接導出表格數據。從網上找了一個庫，發現很好用 ，所以簡單記錄下，方便日后查閱
GitHub地址： https://github.com/cuikangjie/js-export-excel
作者： kin

使用步驟

1.引入到項目中

先安裝，控制臺執行：

yarn add js-export-excel

引入

import * as ExportJsonExcel from 'js-export-excel';

2.使用

原理即：

new ExportJsonExcel(option);

option配置項

let option = {}; option.fileName = '導出數據'; // datas支持多個sheet option.datas = [{sheetData: [{ name: '迪麗熱巴', age: 20 },{ name: '吉莉娜扎', age: 18 },],sheetName: 'sheet1',sheetHeader: ['名稱','年齡']columnWidths: [10,20], // 最多100 }, ];

用法：

const toExcel = new ExportJsonExcel(option); toExcel.saveExcel();

總結

該庫用起來很方便，但是在我的項目中發現一些可優化的地方
1.代碼庫約有500kb ,是否能支持部分引入
2.導出表格樣式不支持控制
就等待作者慢慢優化了…

最后

感謝作者開源

總結

以上是生活随笔為你收集整理的前端js导出Excel库(js-export-excel)在React/Vue中使用参考的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。