美文网首页
前端导出ecxel(js-export-excel)

前端导出ecxel(js-export-excel)

作者: 混水妹妹 | 来源:发表于2021-07-15 11:10 被阅读0次

1、场景

一般开发中,下载excel是后端这边放到服务器上,然后读取文件流,然后给接口前端,前端直接下载的
不过下载excel,给前端excel模板,让前端来实现也可行

2、bug

一开始,我通过vue实现下载cexel表格俩种方式来实现,前端下载都ok的,不过有以下缺点
(1)后端读取时,发现前端下载下来的这些excel都是有加密的,所以后端读取不到
(2)设置excel的宽度时,通过'/t'来设置,笨重还没有生效
还是搞个插件方便多了,搞起

3、js-export-excel

npm插件网址如下:
npm

1、安装

(1)引入js方式(dist目录下JsonExportExcel.min.js)

<script src="https://cuikangjie.github.io/JsonExportExcel/dist/JsonExportExcel.min.js"></script>

(2)npm安装

npm install -save js-export-excel
const ExportJsonExcel = require('js-export-excel')

2、使用

var option={};
 
option.fileName = 'excel' //文件名
option.datas=[
  {
   //第一个sheet(第一个excel表格)
    sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}],//数据
    sheetName:'sheet',
    sheetFilter:['two','one'],   //表头数据对应的sheetData数据
    sheetHeader:['第一列','第二列'],  //表头数据
    columnWidths: ['8','4'], // 列宽
  },
  {
    //第二个sheet(第二个excel)
    sheetData:[{one:'一行一列',two:'一行二列'},{one:'二行一列',two:'二行二列'}]
  }
];
var toExcel=new ExportJsonExcel(option);
toExcel.saveExcel();

相关文章

网友评论

      本文标题:前端导出ecxel(js-export-excel)

      本文链接:https://www.haomeiwen.com/subject/gpuppltx.html