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]
}])