下载xlsx-style
npm install xlsx-style
xlsx-style核心模块 在 你安装路径\node_modules\xlsx-style\dist
2.示例代码
复制出 文件xlsx.full.min.js
编写示例代码:
<!doctype html><html><head> <meta charset="utf-8"> <title>示例</title></head><body> <script src="./xlsx.full.min.js"></script> <script> function saveas(obj, filename) { var tmpa = document.createelement("a"); tmpa.download = filename || "下载"; tmpa.href = url.createobjecturl(obj); tmpa.click(); settimeout(function () { url.revokeobjecturl(obj); }, 100); } var jsono = [{ "id": 1, "合并的列头1": "数据11", "合并的列头2": "数据12", "合并的列头3": "数据13", "合并的列头4": "数据14", }, { "id": 2, "合并的列头1": "数据21", "合并的列头2": "数据22", "合并的列头3": "数据23", "合并的列头4": "数据24", }]; const wopts = { booktype: 'xlsx', booksst: true, type: 'binary', cellstyles: true }; function downloadexl(json, type) { var tmpdata = json[0]; json.unshift({}); var keymap = []; //获取keys for (var k in tmpdata) { keymap.push(k); json[0][k] = k; } var tmpdata = [];//用来保存转换好的json json.map((v, i) => keymap.map((k, j) => object.assign({}, { v: v[k], position: (j > 25 ? getcharcol(j) : string.fromcharcode(65 + j)) + (i + 1) }))).reduce((prev, next) => prev.concat(next)).foreach((v, i) => tmpdata[v.position] = { v: v.v }); var outputpos = object.keys(tmpdata); //设置区域,比如表格从a1到d10 tmpdata["b1"].s = { font: { sz: 14, bold: true, color: { rgb: "ffffaa00" } }, fill: { bgcolor: { indexed: 64 }, fgcolor: { rgb: "ffff00" } } };//<====设置xlsx单元格样式 tmpdata["!merges"] = [{ s: { c: 1, r: 0 }, e: { c: 4, r: 0 } }];//<====合并单元格 var tmpwb = { sheetnames: ['mysheet'], //保存的表标题 sheets: { 'mysheet': object.assign({}, tmpdata, //内容 { '!ref': outputpos[0] + ':' + outputpos[outputpos.length - 1] //设置填充区域 }) } }; tmpdown = new blob([s2ab(xlsx.write(tmpwb, { booktype: (type == undefined ? 'xlsx' : type), booksst: false, type: 'binary' }//这里的数据是用来定义导出的格式类型 ))], { type: "" }); saveas(tmpdown, "这里是下载的文件名" + '.' + (wopts.booktype == "biff2" ? "xls" : wopts.booktype)); } function getcharcol(n) { let temcol = '', s = '', m = 0 while (n > 0) { m = n % 26 + 1 s = string.fromcharcode(m + 64) + s n = (n - m) / 26 } return s } function s2ab(s) { if (typeof arraybuffer !== 'undefined') { var buf = new arraybuffer(s.length); var view = new uint8array(buf); for (var i = 0; i != s.length; ++i) view[i] = s.charcodeat(i) & 0xff; return buf; } else { var buf = new array(s.length); for (var i = 0; i != s.length; ++i) buf[i] = s.charcodeat(i) & 0xff; return buf; } } </script> <button onclick="downloadexl(jsono)">导出</button></body></html>
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
相关阅读：
如何使用canvas来制作好用的涂鸦画板
如何使用s-xlsx实现excel 文件导入和导出（下）
以上就是如何使用js-xlsx之单元格样式的详细内容。