前端js导出Excel库

前端js导出Excel库,第1张

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

最后

感谢作者开源

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/940701.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-17
下一篇2022-05-17

发表评论

登录后才能评论

评论列表(0条)

    保存