XLSX.js导出,支持单元格合并,背景色,列宽,字体大小等

开始之前先上效果图,代码可直接复制前端使用,觉得不错的可以点个赞

1.需要用到的js自行下载

(1)js-xlsx.js
https://github.com/Ctrl-Ling/XLSX-Style-Utils或者https://github.com/SheetJS/js-xlsx
里面的xlsx.core.min.js或xlsx.full.min.js(本文用到xlsx.core.min.js)
(2)xlsxStyle.js
https://github.com/Ctrl-Ling/XLSX-Style-Utils
里面的xlsxStyle.core.min.js(本文用到xlsxStyle.core.min.js)
(3)xlsxStyle.utils.js
https://github.com/Ctrl-Ling/XLSX-Style-Utils
里面的xlsxStyle.utils.js

引入文件

<script src = '/xlsx.core.min.js' </script>;
<script src = '/xlsxStyle.core.min.js' </script>;
//表头
let tableHead = {
   'name': '姓名',
   'subject': '学科',
   'score': '成绩'
};
//json数据
let tableData=[{
   'name': '李明',
   'subject': '数学',//以下给该字段加上颜色,详情见代码
   'score': '98'
},{
   'name': '李明',
   'subject': '语文',
   'score': '96'
},{
   'name': '赵寻',
   'subject': {'value':'数学','fgColor':'92D050'},//这里为了演示自定义颜色数据格式
   'score': '95'
},{
   'name': '王力',
   'subject': '数学',
   'score': '80'
}];
let countNum = [];//统计相同姓名的占列个数
tableData.forEach(function (item) {
   if (countNum.hasOwnProperty(item.name)) {
 
  • 3
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值