前端导出excel,复杂表头,合并单元格,自定义样式

12 篇文章 3 订阅 ¥49.90 ¥99.00
2 篇文章 1 订阅
本文介绍了在Vue项目中如何前端导出包含复杂表头和合并单元格的Excel表格,详细讲解了自定义样式的实现方法,并提供了一篇参考博客链接。文章还提及了一个名为ExcelExports2.js的导出文件,该文件与现有项目的ExcelExports.js无冲突,并可共用Blob.js。作者添加了如titleBold、scatterCell、colors和backOrfont等自定义属性,以实现更多样化的样式控制。文章末尾提供了源码图片和联系方式以供进一步咨询。
摘要由CSDN通过智能技术生成

Vue前端接收数据并导出excel表格

根据业务需求,一般在前后端分离的开发模式下,很多导出excel表格都是后端进行处理。可总不会避免前端拿到数据进行导出excel,根据这个情况,现在写一下我遇到并进行再次封装的方法。

话不多说,先上样式图
一个ecxel样式,主要是标题合并,背景加颜色,字体加粗等

可以参考:


https://www.cnblogs.com/maqian/p/14116509.html


豆子V 的一个博客,不过,他的比我的功能稍微简单一些。

1.安装

npm install file-saver xlsx -S
npm install script-loader -D
npm install xlsx-style -S   // 这个是控制excel样式的插件
这三个依赖在前端是必须用到的,搜索一下导出复杂表头都可以找到的

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值