原生js到处excel
时间: 2023-09-30 14:05:58 浏览: 130
要使用原生JS导出Excel文件,可以使用"js-export-excel"组件。首先,你需要在项目中引入该组件。你可以通过在需要使用的地方使用以下代码进行引入:
```javascript
const ExportJsonExcel = require("js-export-excel");
```
或者使用ES6的import语法进行引入:
```javascript
import ExportJsonExcel from "js-export-excel";
```
接下来,你需要安装该组件。你可以使用以下命令进行安装:
```bash
npm install js-export-excel
```
或者使用yarn进行安装:
```bash
yarn add js-export-excel
```
安装完成后,你可以使用以下步骤导出Excel文件:
1. 创建一个数组,用于存储你要导出的数据。
2. 根据你的需求,定义Excel文件的表头和数据。
3. 创建一个新的ExportJsonExcel实例,并将表头和数据传递给构造函数。
4. 调用ExportJsonExcel的方法来导出Excel文件。
下面是一个示例代码,演示了如何使用原生JS导出Excel文件:
```javascript
// 创建要导出的数据数组
const data = [
[ "姓名", "年龄", "性别" ],
[ "张三", 18, "男" ],
[ "李四", 20, "女" ],
[ "王五", 22, "男" ]
];
// 定义Excel表头和数据
const option = {
fileName: "学生信息", // 导出的文件名
datas: [
{
sheetData: data, // 数据
sheetName: "sheet1", // 表格名字
sheetFilter: ["姓名", "年龄", "性别"], // 过滤数据项
sheetHeader: ["姓名", "年龄", "性别"] // 表头
}
]
};
// 创建ExportJsonExcel实例并导出Excel文件
const toExcel = new ExportJsonExcel(option);
toExcel.saveExcel();
```
通过以上步骤,你就可以使用原生JS导出Excel文件了。请根据你的实际需求修改数据和表头,以及其他导出选项。
阅读全文