如何在Jspreadsheet社区版中导出Excel文件？

AI 小北

2026-8-8

Jspreadsheet社区版导出Excel实现方案

Jspreadsheet社区版本身没有内置导出Excel的功能，但可以通过xlsx模块实现，以下是正确的实现步骤和代码示例，解决你之前尝试失败的问题：

一、安装/引入xlsx

npm环境下执行安装：
```
npm install xlsx
```

浏览器环境直接引入CDN：

<script src="https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js"></script>

二、核心实现代码

1. 获取表格数据

先拿到Jspreadsheet的实例，再调用getData()获取二维数组格式的表格数据（需要包含表头时，传入{ includeHeaders: true }参数）：

// 初始化表格并保存实例
const table = jspreadsheet(document.getElementById('your-table-id'), {
  columns: [/* 你的列配置 */],
  data: [/* 初始数据 */]
});

// 获取包含表头的完整数据
const sheetData = table.getData({ includeHeaders: true });

2. 生成并导出Excel文件

通过xlsx工具方法将数组转为工作表，打包成工作簿后触发下载：

// 创建工作表
const ws = XLSX.utils.aoa_to_sheet(sheetData);
// 创建工作簿并添加工作表
const wb = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');

// 触发文件下载
const wbout = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });
const blob = new Blob([wbout], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
const downloadLink = document.createElement('a');
downloadLink.href = URL.createObjectURL(blob);
downloadLink.download = '导出数据.xlsx';
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
URL.revokeObjectURL(downloadLink.href);