xlsx xlsx-style file-saver 导出json数据到excel文件并设置标题字体加粗

  • xlsx:用于处理Excel文件。

  • xlsx-style:用于添加样式到Excel文件中。

  • file-saver:用于将生成的Excel文件保存到用户的计算机上

    npm install xlsx xlsx-style file-saver

    // 导入所需库
    const XLSX = require('xlsx');
    const XLSXStyle = require('xlsx-style');
    const FileSaver = require('file-saver');

    // 示例JSON数据
    const jsonData = [
    { name: 'Alice', age: 25 },
    { name: 'Bob', age: 30 },
    { name: 'Charlie', age: 28 }
    ];

    // 创建一个工作簿
    const wb = XLSX.utils.book_new();
    const wsName = 'Sheet1';

    // 将JSON数据转换为工作表
    const ws = XLSX.utils.json_to_sheet(jsonData, { header: ['name', 'age'] });

    // 设置标题字体样式
    const titleCellStyle = { font: { bold: true } };
    ws[XLSX.utils.encode_cell({ r: 0, c: 0 })].s = titleCellStyle;

    // 将工作表添加到工作簿
    XLSX.utils.book_append_sheet(wb, ws, wsName);

    // 将工作簿转换为二进制数据
    const wbout = XLSXStyle.write(wb, { bookType: 'xlsx', bookSST: false, type: 'binary' });

    // 将二进制数据保存为Excel文件
    const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' });
    FileSaver.saveAs(blob, 'data.xlsx');

    // 辅助函数:将字符串转换为ArrayBuffer
    function s2ab(s) {
    const buf = new ArrayBuffer(s.length);
    const view = new Uint8Array(buf);
    for (let i = 0; i < s.length; i++) {
    view[i] = s.charCodeAt(i) & 0xFF;
    }
    return buf;
    }

相关推荐
LAM LAB5 天前
【VBA】Excel指定单元格范围内字体设置样式,处理导出课表单元格
excel·vba
在这habit之下5 天前
Keepalived学习总结
excel
Youngchatgpt5 天前
如何在 Excel 中使用 ChatGPT:自动化任务和编写公式
人工智能·chatgpt·自动化·excel
开开心心就好5 天前
安卓开源应用,超时提醒紧急人护独居安全
windows·决策树·计算机视觉·pdf·计算机外设·excel·动态规划
D_C_tyu5 天前
Vue3 + Element Plus | el-table 多级表头表格导出 Excel(含合并单元格、单元格居中)第二版
vue.js·elementui·excel
上海合宙LuatOS5 天前
LuatOS核心库API——【json 】json 生成和解析库
java·前端·网络·单片机·嵌入式硬件·物联网·json
骆驼爱记录5 天前
WPS页码设置:第X页共Y-1页
自动化·word·excel·wps·新人首发
敲代码的柯基6 天前
一篇文章理解tsconfig.json和vue.config.js
javascript·vue.js·json
万物得其道者成6 天前
前端大整数精度丢失:一次踩坑后的实战解决方案(`json-bigint`)
前端·json