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 = nameoption.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]
}])

js导出excel（js-export-excel）相关推荐

js导出html页面到excel表格,JavaScript将页面表格导出为Excel的具体实现
导出Excel var idTmr = ""; function killExcelProcess(appExcel_){ appExcel_.Quit(); appExcel_ ...
vue使用Export2Excel.js导出表格自定义样式（表头加分割斜线）（笔记）
1.Export2Excel.js 文件内容 /* eslint-disable */ /** 导出Excel需要依赖 * npm install xlsx file-saver -S * npm i ...
js 导出excel,设置下载的标题
在网上找到了js导出为excel的方法,可就是找不到如何修改导出的excel标题的方式,找到了如下的网站: 参考国外的网站:http://stackoverflow.com/questions/171 ...
浏览器端JS导出EXCEL
浏览器端JS导出EXCEL FileSaver.js 实现了在本身不支持 HTML5 W3C saveAs() FileSaver 接口的浏览器支持文件保存.FileSaver.js 在客户端保存文件 ...
js 调用php 导出表格,[拿来主义]使用layui纯JS导出html页面中的table为excel
使用场景: 将当前html页面中table的数据导出为excel(分析:页面无分页,不用再查数据库,直接使用js插件导出数据即可) js代码: layui.config({ base: '{$Thin ...
前端利用JS导出数据到Excel表数字是文本类型无法计算
问题描述:前端利用JS导出数据到Excel表数字是文本类型无法进行公式计算:前端利用JS导出数据到Excel表数字是文本类型无法计算解决办法:参考https://bbs.csdn.net/t ...
js导出excel单元格内换行符代码_前端和excel的那些事
前端和 excel 的那点事在开发需求中,经常会遇到需要和excel相关的需求,毕竟不是所有人都是程序员,很多的业务都是通过excel去进行数据的整理归类计算的,excel中提供的一系列快捷功能,统 ...
通过javascript获取sharepoint数据，使用JS导出Excel
通过网页将数据导出到Excel是常见需求,使用服务器端导出,开发周期长,部署麻烦.这里推荐一种客户端导出方法. 客户端导出与Sharepoint无关.这里附带使用场景基于SP,因为SP自带的导出功能比 ...
chrome浏览器使用js导出Excel出现网络错误
使用js 导出Excel由于数据量太大导致出现网络错误,如图所示: 解决办法: 表格绘制完成后,使用 Blob let blob = new Blob([format(template, ctx]); ...

js导出excel（js-export-excel）

js导出excel表格

封装一个导出报表的方法

在页面中使用

js导出excel（js-export-excel）相关推荐

最新文章

热门文章