Export2Excel使用分享

867 阅读1分钟

Export2Excel使用详解

一、下载

下载Export2Excel.js

二、引入以及使用

import('@/vendor/Export2Excel').then((excel) => {
    const tHeader = this.tableHeaderExcel;
    const filterVal = this.tableHeader;
    const list = this.tableData;
    const data = formatJson(filterVal, list);
    excel.export_json_to_excel({
      multiHeader: [],
      header: tHeader,
      data,
      merges
      filename: '文件名称',
      autoWidth: true,
      bookType: 'xlsx',
    });
});

其中 formatJson函数是把数据处理成excel表格中的每一行,它的返回值是一个数组,数组中是每一行的值 类似于

[[1,2,3],[4,5,6],[7,8,9]]

第一行的值为1,2,3,以此类推

formatJson(filterVal, jsonData) {
  return jsonData.map(v => filterVal.map(j => {
    if (j === 'timestamp') {
      return parseTime(v[j])
    } else {
      return v[j]
    }
  }))
}

multiHeader是标题,是插在第一行的,header是表头,在数据的上方,如果要合并单元格,可以写在merges里面,格式为['A1:B1','C1:D1'] 如果要多sheet页,就得改写Export2Excel.js中的代码,因为默认是只生成一个sheet页的

主要就是

  wb.SheetNames.push(ws_name);
  wb.Sheets[ws_name] = ws;

以上两行代码是新增sheet页,和设置sheet页数据的,只要模仿着处理好数据就可以啦

以上就是本次分享,有不足或意见欢迎指出,有问题可以在评论区交流,谢谢大家