前端js导出Excel库(js-export-excel)在React/Vue中使用参考

前言

目前有个需求是不通过后端，前端直接导出表格数据。从网上找了一个库，发现很好用 ，所以简单记录下，方便日后查阅
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.导出表格样式不支持控制
就等待作者慢慢优化了…

最后

感谢作者开源