将json数据格式转化成excel插件JsonExportExcel.js的使用demo

公司业务中有做报表导出的功能，后端给的是json数据，也就是表格数据，我要做的就是在前端生成表格，并且可以下载，在万能的百度上搜索到了插件JsonExportExcel.js

现在看下使用方法

<!DOCTYPE html>
<html><head><meta charset="UTF-8"><title></title><script src="js/JsonExportExcel.min.js"></script><script>function getExcel(){var option={};option.fileName = 'excel'option.datas=[{sheetData:[//后端返回的数据表格json数据{name:'lili',age:'18'},{name:'mary',age:'20'}],sheetHeader:['姓名','年龄']//前端指定的表头},{sheetData:[//表格2的内容{name:'lili',grade:'90'},{name:'mary',grade:'99'}],sheetHeader:['姓名','成绩']}];var toExcel=new ExportJsonExcel(option);toExcel.saveExcel();}</script></head><body><button onclick="getExcel()">点击我下载表格</button></body>
</html>

效果图

好了，就是这样使用~如果有帮助到请点赞

完整demo地址https://github.com/dingxuelan/learngit，有需要的可以下载

将json数据格式转化成excel插件JsonExportExcel.js的使用demo相关推荐

JSON转化成Excel文件
(记录)JSON转化成Excel文件如果以jar包形式启动,通过getPath() 将生成的excel文件生成到jar包同级目录. JSON示例: {"detail_head": ...
chrome 插件把 json 导出为 excel
chrome 插件把 json 导出为 excel 要将 JSON 数据导出为 Excel 文件,可以使用 JavaScript 库如 SheetJS 和 FileSaver.js,以及 Chrome ...
json转换成excel在线js小工具分享【不限制大小】
起因我们在工作过程中,偶尔会有需求是把json转换成excel的需求.一般这个时候,我们会跑到度娘那,在输入框中输入:"json excel".然后,你会发现这个一个网站&quo ...
使用layui excel插件导出excel且带图片
完整原文:http://blog.maptoface.com/post/238 1.首先引入layui excel插件(可参考官网:https://fly.layui.com/extend/excel ...
asp.net 报表页面模板_CP：基于JSON配置和vue-cli插件机制的模板复用方案
前言 Atomic Design是前端开发圈中众所周知的设计理论,尤其是在中台类型的UI开发中.基于vue.js的element-ui.iview-ui和基于react.js的Ant Design都是 ...
谷歌地图插件Mapsed.js
我们在一些WEB项目中需要应用简单的地图,而且最好是可以自定义标注地点,最好是可以从本地数据库中读取并在地图上展示地点,那么谷歌地图插件Mapsed.js是比较好的选择,使用起来简单,无需注册地图接口 ...
超酷炫粒子背景插件—particles.js
GitHub-教程-下载 1)先到github中下载particles.js-master.zip,下载下来的文件中有一个demo案例. 2)将demo文件中的particles.min.js.sty ...
关于laravel下composer安装excel插件
关于laravel下composer安装excel插件的日志自己为了今后方便,记录下来一下信息.我不知道别人喜不喜欢,我自己研究而已.如果你有意无意看到了,喜欢就看看吧.不喜欢就离开好了,我不介意你 ...
JSON数据导出Excel表
JSON数据导出Excel表应老板要求写了一个实用的小功能,需求是将api接口返回的JSON数据导出Excel表,过程中改了两稿,一是前端js直接导出一个表,另一是分门别类在java中同时导出多个表 ...

将json数据格式转化成excel插件JsonExportExcel.js的使用demo

将json数据格式转化成excel插件JsonExportExcel.js的使用demo相关推荐

最新文章

热门文章