excel_merge_cell_demo/demo.ts

import * as XLSX from 'xlsx'

// 测试excel 合并单元格
const testCell = () => {
    const xlsxData = [['姓名', '年龄', '成绩'], ['', '', '语文', '数学', '英语'], ['我', '18', '20']]
    // xlsxData 是 Excel 的内容
    const workSheet = XLSX.utils.aoa_to_sheet(xlsxData)
    // 设置工作表的记录范围
    // [列号][行号]，A1 则代表 A 列的第1行
    // 列数一般是已知的（未知时可以设置为ZZ）
    // 行数则以 xlsxData 内容的长度结束即可
    workSheet['!ref'] = `A1:AI${xlsxData.length}`
    // s 意为 start ，即开始的单元格
    // r 是 row ，表示行号，从 0 计起
    // c 是 col ，表示列号，从 0 计起
    const merge = [
        // 纵向合并，范围是第1列的行1到行2
        { s: { r: 0, c: 0 }, e: { r: 1, c: 0 } },
        // 纵向合并，范围是第2列的行1到行2
        { s: { r: 0, c: 1 }, e: { r: 1, c: 1 } },
        // 横向合并，范围是第1行的列3到列5
        { s: { r: 0, c: 2 }, e: { r: 0, c: 4 } },
        // 纵向合并 第1列 3~4行
        { s: { r: 2, c: 0 }, e: { r: 3, c: 0 } },
        // 纵向合并 第2列 3~4行
        { s: { r: 2, c: 1 }, e: { r: 3, c: 1 } }
    ]
    workSheet['!merges'] = merge
    console.log(1111, workSheet)

    const openDownloadDialog = (url: any, saveName: string) => {
        if (typeof url === 'object' && url instanceof Blob) {
            url = URL.createObjectURL(url) // 创建blob地址
        }
        const aLink = document.createElement('a')
        aLink.href = url
        aLink.download = saveName || '' // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
        let event
        if (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)
    }

    const sheet2blob = (sheet: any, sheetName = 'sheet1') => {
        const workbook = {
            SheetNames: [sheetName],
            Sheets: {} as any
        }
        workbook.Sheets[sheetName] = sheet
        // 生成excel的配置项
        const wopts = {
            bookType: 'xlsx', // 要生成的文件类型
            bookSST: false, // 是否生成Shared String Table，官方解释是，如果开启生成速度会下降，但在低版本IOS设备上有更好的兼容性
            type: 'binary'
        } as any
        const wbout = XLSX.write(workbook, wopts)
        // 字符串转ArrayBuffer
        const s2ab = (s: string) => {
            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
        }
        const blob = new Blob([s2ab(wbout)], { type: 'application/octet-stream' })

        return blob
    }

    openDownloadDialog(sheet2blob(workSheet), 'test.xlsx')
}