前端导出excel文件
时间: 2023-08-29 08:13:48 浏览: 122
前端导出excel
3星 · 编辑精心推荐
在前端中导出Excel文件,一般可以通过以下步骤来实现:
1. 安装 js-xlsx 库,该库提供了读取和写入Excel文件的功能。
```
npm install xlsx
```
2. 创建一个表格数据,可以是一个数组或一个对象。
```javascript
const data = [
['name', 'age', 'gender'],
['John', 25, 'male'],
['Mary', 30, 'female'],
['Tom', 35, 'male']
];
```
3. 使用 js-xlsx 库中的 `utils.json_to_sheet()` 方法将数据转换为一个工作表对象。
```javascript
const sheet = XLSX.utils.json_to_sheet(data);
```
4. 创建一个工作簿对象,并将工作表对象添加到工作簿中。
```javascript
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, sheet, 'Sheet1');
```
5. 将工作簿对象导出为Excel文件,可以使用 `writeFile()` 方法将文件保存到本地。
```javascript
XLSX.writeFile(workbook, 'data.xlsx');
```
完整代码示例:
```javascript
import XLSX from 'xlsx';
const data = [
['name', 'age', 'gender'],
['John', 25, 'male'],
['Mary', 30, 'female'],
['Tom', 35, 'male']
];
const sheet = XLSX.utils.json_to_sheet(data);
const workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(workbook, sheet, 'Sheet1');
XLSX.writeFile(workbook, 'data.xlsx');
```
阅读全文