解释
我是想要用前端生成excel表格，并给第一行添加样式
参考文章
/jililin123/article/details/126249198
步骤
基本和网上搜的文章步骤相同，用xlsx生成表格，然后用style的write写入样式，区别就是怎么给第一行添加样式，其实就是遍历sheet，拿到key，然后截取key的序号，判断等于1不（正常到z1，够用了），等于1就是第一行的单元格然后添加样式就行。
代码
// npm install xlsx 安装 xlsximport * as XLSX from 'xlsx'import XLSXS from 'xlsx-style'function workbook2blob(workbook) {// 生成excel的配置项var wopts = {// 要生成的文件类型bookType: "xlsx",//是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性bookSST: false,type: "binary",}var wbout = XLSXS.write(workbook, wopts)// 将字符串转ArrayBufferfunction s2ab(s) {var buf = new ArrayBuffer(s.length)var view = new Uint8Array(buf)for(var i = 0; i !== s.length; ++i) view[i] = s.charCodeAt(i) & 0xffreturn buf}let buf = s2ab(wbout)var blob = new Blob([buf], {type: "application/octet-stream",})return blob}// 将blob对象 创建bloburl,然后用a标签实现弹出下载框function openDownloadDialog(blob, fileName) {if(typeof blob === "object" && blob instanceof Blob) {blob = URL.createObjectURL(blob) // 创建blob地址}var aLink = document.createElement("a")aLink.href = blob// HTML5新增的属性，指定保存文件名，可以不要后缀，注意，有时候 file:///模式下不会生效aLink.download = fileName || ""var eventif(window.MouseEvent) event = new MouseEvent("click")// 移动端else {event = document.createEvent("MouseEvents")event.initMouseEvent("click", true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)}aLink.dispatchEvent(event)}/* 导出为Excel */// Excel表格样式// sheetData = [// {//name: "",//表名//// Excel表格内容//dataList: [// {// name: "value",// name单元格名字:value数据内容// },//],// },// ]// name 保存的文件名字export function exportExcel(sheetData, name) {// 创建一个新的空的workbookvar wb = XLSX.utils.book_new()sheetData.forEach(item => {const sheet = XLSX.utils.json_to_sheet(item.dataList);XLSX.utils.book_append_sheet(wb, sheet, item.name)for (const key in sheet) {if (Number(key.slice(1)) == 1) { //设置第一行【表头】样式sheet[key].s = {font: {sz: 14,// bold: true,// color: {// rgb: "0000FF"// }},fill: {bgColor: {indexed: 64},fgColor: {rgb: "CCCCCC" //填16进制}}}; //<====设置xlsx单元格样式}}})const workbookBlob = workbook2blob(wb)openDownloadDialog(workbookBlob, name + ".xlsx")}// 使用方法: exportExcel(sheetData, "name") sheetData对应导出为Excel的数据,name为Excel导出是的文件名/* Excel表格导入为JSON */export function readExcel(file) { // 表格导入const fileReader = new FileReader()fileReader.onload = (ev) => {try {const data = ev.target.resultconst workbook = XLSX.read(data, { type: "binary" })let params = []// 取对应表生成json表格内容workbook.SheetNames.forEach(item => {params.push({name: item,dataList: XLSX.utils.sheet_to_json(workbook.Sheets[item]),})})return params// 重写数据} catch (e) {return false}}fileReader.readAsBinaryString(file)}// 导入使用说明 readExcel(file) file对象类型的Excel文件
心得
本来遍历就能添加样式，结果傻逼了，没想到sheet下标是从A1开始，结果一直在找A0，写代码写习惯了，一直习惯从0索引找起，第二天才回过神来。看文档真难受，半天找不到怎么用……。
