js导出excel表格

这个需求在后台管理系统中很常见，
我们使用js-export-excel进行excel的导出

首先在我们的项目中安装这个包 npm install js-export-excel

封装一个导出报表的方法

使用ts进行一些类型检查与语法提示

const ExportExcel = require('js-export-excel')

interface Ioption {
  fileName?: string;
  datas?: Idata[]
}

//data的类型
interface Idata {
  sheetData: any[]
  sheetName?: string;
  sheetFilter?: any[]
  sheetHeader?: string[]
  columnWidths?: number[]
}

const exportXls = (name: string, data: Idata[]) => {
  const option: Ioption = {}
  option.fileName = name
  option.datas = [...data]

  const toExcel = new ExportExcel(option); 
  toExcel.saveExcel(); //保存
}


export default exportXls

在页面中使用

import {downloadXls} from './util'

// 第一个参数是表格的名称
// 第二个参数就是表格的一些配置
// 参数如下
// sheetData  表格数据
// sheetHeader 列名
// columnsWidth 列宽
downLoadXls('这是一个表格',[{
  sheetData:[{a:20,b:21},{a:23,b:30}],
  sheetHeader:['xxx','xxx'],
  columnsWidth:[5,5]
}])