在前端将数据导出成excel可以使用export2Excel插件（纯js）

最新推荐文章于 2024-04-29 13:41:53 发布
最新推荐文章于 2024-04-29 13:41:53 发布
阅读量3.8k 收藏 1
点赞数
文章标签： vue js blob excel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Lucky_Z1111/article/details/104275409
版权

1、将 Blob.js 和 Export2Excel.js 放到相应位置即可
2、使用时vue编译报错

解决方案：
  npm install -S file-saver
  npm install -S xlsx
  npm install -D script-loader

再次运行，成功。
 

Lucky_Z1111
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端导出 excel ，设置字体，列宽，行高，对其方式，合并单元格等效果
06-23
一个导出excel的demo，包含导出的逻辑代码和依赖包，下载以后请执行 npm install ,然后起服务访问，不能直接以 file：//打开哦
页面上的JS文件加载失败！
热门推荐
Champion.Wong 的专栏
02-16 1万+
JS文件导入失败，在确定无误的情况下，将src指向的路径改成全路径。 因为在C:\Documents and Settings\Owner\Local Settings\Temporary Internet Files文件夹中找不到指向的JS文件，说明没有从服务器加载成功！
vue：前端json数据 导出excel（Export2Excel）
snowball的博客
07-28 7601
导出的功能，通常后端处理好，前端直接通过地址进行下载即可，能不能是前端直接自己导出json文件，形成excel呢，当然可以。2.1、安装三个插件，分别是file-saver、xlsx、script-loader。经过测试下载成功，打开后内容显示正确，可放心使用。2.2、utils目录下创建文件。...
前端实现导入Excel进行数据展示、导出
最新发布
weixin_46607967的博客
04-29 1165
一个 excel 文档 需要对文档里面的数据进行筛选拆分重组 由于数据量巨大 后端又抽不出来手 于是使用纯前端解决方案。
vue项目使用Export2Excel导出Excel表格详细步骤
weixin_46705618的博客
07-16 1万+
在前端项目中导出Excel表格，Vue.js确实可以实现，亲测具体实现步骤为： 1.安装依赖包 npm install -S file-saver npm install -S xlsx npm install -D script-loader 2.导入两个js Blob.js和Export2Excel.js，在src目录下新建Excel文件夹，里面放入Blob.js和Export2Excel.js两个JS文件（感谢大佬已经给我们提供好了！） 3.main.js 引入文件 import
js实现导入导出excel文件
布知什么
04-16 242
theme: channing-cyan highlight: a11y-dark js实现导入导出excel文件 一、需求场景描述 文件的导入导出是非常常见的需求功能，excel文件的导入导出更为常见，实践中许多时候，是调用接口实现导入导出的，也就是说将文件导入导出的逻辑交给后端去做了。但是，有的时候确也需要前端自行实现导入导出，此时前端实现导入导出可能是更好的选择。 1.此时前端...
vue.js中使用Export2Excel导出Excel表格
chrispy1314的博客
09-09 2417
1.安装依赖 npm install -S file-saver xlsx npm install -D script-loader 2.导入两个JS 下载Blob.js和Export2Excel.js，在src目录下新建Excel文件夹，里面放入Blob.js和Export2Excel.js两个JS文件 3.main.js 引入文件 import Blob from './excel/Bl...
Export2Excel使用及配置说明
Sunny
06-09 8552
Export2Excel使用及配置说明
vue2 - 基于Export2Excel.js导出Excel案例（js-xlsx插件二次封装使用）
背心的博客
11-25 2737
vue2 - 基于Export2Excel.js导出Excel案例（js-xlsx插件二次封装使用）
如何使用纯js导出Excel+export2Excel.js的图片导出(包教包会)
码农的艺术
01-05 1万+
有一天突发奇想，如果把导出excel放到前端去做会不会更加的简单一些呢，这样对数据库的访问也会比较少，然后就开始前端导出excel的探索。后来发现，如果业务量大，需求变更频繁，兼容问题，好像前端处理并不合适，但是还是记录下来。
tableExport.js实现前端表格的导出功能(支持中文)及打印
11-17
该插件可以将Html的表格导出成为 JSON, XML, CSV, TSV, TXT, SQL, Word, Excel, PNG，PDF格式。在项目上遇到pdf导出中文乱码问题，经过一天的研究修改了一些js代码解决了pdf导出中文乱码问题，随便融入了一个html...
Export2Excel.js
01-05
前端导入文件生成表格数据以及表格导出成文件的插件
tableExport导出excel、pdf等简单应用
03-26
web前端表格导出excel、pdf、png等格式的文件。使用插件为tableExport。
VUE导出Excel，两种方法，方法二带样式：文字居中，自动换行，列宽设置，单元格合并，冻结表头等
03-29
SheetJS免费版的不支持格式，比如居中、自动换行都不行。xlsx-style是SheetJS的一个分支，且支持各种格式，可以做到文字居中，自动换行，列宽设置，单元格合并，冻结表头等。
js文件加载不上总结
qq_36097039的博客
11-28 5413
在js外部文件加载中的类出现加载不上的问题:         首先查看js文件路径中是否有错误出现;如果是文件一直加载不上很大可能是js文件路径出现了问题;         其次,若是路径没有错误,并且在加载js文件时,在编写js的文件过程中刚开始文件还可以加载上,后来由于添加或者修改了此js文件脚本造成js文件加载不上,极有可能是脚本中出现了错误的语法等造成的;此时需要在仔细查看js文件...
export2excel.js纯前端进行多级数据同一张excel多sheet导出
weixin_43933259的博客
10-15 2820
效果图1： 效果图2： 如上图所示，图1是一级数据汇总，图2是三级数据汇总。 业务需求：进行一键导出包含图1和图2的excel表。 关键代码： 在Export2Excel.js文件处添加这个导出函数，此处需要注意的jsonData格式为多维数组 export function export2ExcelMultiSheet(th, jsonData, defaultTitle) { var data = jsonData; //添加标题 // debugger..
js文件在导入时出现错误的解决办法
chengzui的博客
05-28 2326
链接如下 http://www.cnblogs.com/developering/archive/2013/01/22/2870908.html
JS及POI将页面数据导出EXCLE文件的几种方法
http531的专栏
07-11 3484
JS实现的三种方法如下： 1、js文件：exportExcel.js //导出方法1:把表格中的内容提取出来，利用IE的另存为.csv的格式。  function getXlsFromTbl(inTblId, inTblContainerId, title, rownumbers) {      try {          var allStr = "";          var
html表格excel导出前端插件
12-01
以下是介绍两个常用的前端插件来实现HTML表格Excel导出的方法： 1. TableExport.js插件 TableExport.js是一个轻量级的jQuery插件，可以将HTML表格导出为Excel、CSV、TXT和PDF格式。使用该插件需要引入jQuery库和TableExport.js文件。 ```html <!-- 引入jQuery库 --> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script> <!-- 引入TableExport.js文件 --> <script src="https://cdn.bootcss.com/TableExport/5.2.0/js/tableexport.min.js"></script> ``` 然后在需要导出的表格上添加`data-tableexport`属性，并设置导出格式和文件名： ```html <table id="myTable"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>25</td> <td>Male</td> </tr> <tr> <td>Jane</td> <td>30</td> <td>Female</td> </tr> </tbody> </table> <button onclick="exportTable()">Export Table</button> <script> function exportTable() { $('#myTable').tableExport({ type: 'xlsx', // 导出Excel格式 fileName: 'myTable', // 导出文件名 }); } </script> ``` 2. SheetJS.js插件 SheetJS.js是一个纯JavaScript库，可以将HTML表格导出为Excel、CSV和JSON格式。使用该插件需要引入SheetJS.js文件。 ```html <!-- 引入SheetJS.js文件 --> <script src="https://cdn.bootcss.com/xlsx/0.16.8/xlsx.full.min.js"></script> ``` 然后在需要导出的表格上添加`id`属性： ```html <table id="myTable"> <thead> <tr> <th>Name</th> <th>Age</th> <th>Gender</th> </tr> </thead> <tbody> <tr> <td>John</td> <td>25</td> <td>Male</td> </tr> <tr> <td>Jane</td> <td>30</td> <td>Female</td> </tr> </tbody> </table> <button onclick="exportTable()">Export Table</button> <script> function exportTable() { /* 获取表格数据 */ var wb = XLSX.utils.table_to_book(document.getElementById('myTable'), {sheet:"Sheet1"}); /* 导出Excel文件 */ XLSX.writeFile(wb, 'myTable.xlsx'); } </script> ```

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值