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

en_kai

已于 2023-03-02 10:09:28 修改

阅读量5.7k

点赞数 3

文章标签： javascript 前端开发语言

于 2022-12-02 13:19:29 首次发布

本文链接：https://blog.csdn.net/en_kai/article/details/128142418

版权

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

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)) {