HTML5 中 exceljs 导出详细步骤
时间: 2024-05-07 07:20:17 浏览: 12
导出 Excel 文件通常需要使用第三方库,其中 exceljs 是一款比较流行的 JavaScript Excel 操作库之一。下面是使用 exceljs 实现导出 Excel 文件的详细步骤:
1. 引入 exceljs 库
```html
<script src="https://cdn.jsdelivr.net/npm/exceljs/dist/exceljs.min.js"></script>
```
2. 创建一个工作簿对象
```javascript
var workbook = new ExcelJS.Workbook();
```
3. 创建一个工作表对象
```javascript
var worksheet = workbook.addWorksheet('Sheet1');
```
4. 设置工作表的列名
```javascript
worksheet.columns = [
{ header: 'Name', key: 'name', width: 20 },
{ header: 'Age', key: 'age', width: 10 },
{ header: 'Gender', key: 'gender', width: 10 }
];
```
5. 向工作表中添加数据
```javascript
worksheet.addRow({ name: 'Tom', age: 18, gender: 'Male' });
worksheet.addRow({ name: 'Lucy', age: 20, gender: 'Female' });
worksheet.addRow({ name: 'Jack', age: 22, gender: 'Male' });
```
6. 导出 Excel 文件
```javascript
workbook.xlsx.writeBuffer().then(function(buffer) {
saveAs(new Blob([buffer], { type: 'application/octet-stream' }), 'example.xlsx');
});
```
其中 saveAs 函数用于将生成的 Blob 对象保存为本地文件。需要先引入 FileSaver.js 库。
```html
<script src="https://cdn.jsdelivr.net/npm/file-saver@2.0.5/dist/FileSaver.min.js"></script>
```
以上就是使用 exceljs 导出 Excel 文件的详细步骤。