纯前端，使用xlsx库，封装导出Excel表格方法

Finally666

已于 2023-03-14 10:29:05 修改

阅读量687

点赞数 1

文章标签： excel 前端

于 2023-03-13 13:03:29 首次发布

本文链接：https://blog.csdn.net/Finally666/article/details/129491334

版权

本文介绍了如何在前端使用xlsx库来封装并实现Excel表格的导出功能，通过npm安装xlsx库，然后编写相关代码，最终展示导出效果。

摘要由CSDN通过智能技术生成

1、安装xlsx

npm i xlsx

2、代码

const XLSX = require("xlsx")

/**
 * @data 表格数据 data = [{}] 默认为[[]] 数据结构 二维数组
 * @ExcelTitle 表格标题 默认 [ '模板Excel' ]
 * @ExcelHeader 表头信息 默认 [ '编号', '姓名', '性别', '年龄', '备注' ]
 * @sheetName sheet（表）名称 默认 ‘学生信息’
 * @ExcelName 文件名称 默认 ‘学生信息模板’
 */
const ExportExcel = ( 
    data = [[]], 
    ExcelTitle = [ '学生信息模板Excel' ], 
    ExcelHeader = [ '编号', '姓名', '性别', '年龄', '备注' ], 
    sheetName = '学生信息',
    ExcelName = '学生信息模板'
) => {

    // (1)将数据源转成我们需要的二维数组
    const body = data

    // (2)定义表头
    const header = [ ExcelTitle, ExcelHeader ]

    // (3)将定义好的表头添加到 body 中
    body.unshift( ...header )

    // (4)创建虚拟的 workbook
    const workbook = XLSX.utils.book_new()

    // (5)将二维数组转成 sheet
    c