前端sheetJs的使用方法
时间: 2024-11-04 14:16:23 浏览: 13
SheetJS脚本库-前端导出excel表格
SheetJS是一个JavaScript库,用于处理电子表格文件,比如CSV、XLS、XLSX等。它提供了一个易于使用的API,可以读取、写入以及操作Excel和CSV数据。以下是基本的使用步骤:
1. 引入库:首先需要在HTML中引入`sheetjs-xlsx`或`sheetjs-csv`的CDN链接,例如:
```html
<script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.16.8/xlsx.full.min.js"></script>
```
2. 加载工作簿:使用`XLSX.read()`函数加载Excel文件,或`XLSX.utils.sheet_to_json()`将CSV字符串转换成JSON数组:
```javascript
var workbook = XLSX.readFile('example.xlsx');
var csvData = XLSX.utils.sheet_to_json(workbook.Sheets['Sheet1']);
```
3. 操作数据:你可以通过工作簿对象访问单个工作表,修改数据,然后保存回文件:
```javascript
var sheetName = 'Sheet1';
var newRow = ['New Cell', 42];
workbook.Sheets[sheetName].push(newRow);
XLSX.writeFile(workbook, 'modified.xlsx');
```
4. 导出到浏览器:如果你想要直接展示在页面上,可以使用`XLSX.write()`将工作簿导出为HTML5 `<table>`元素:
```javascript
var htmlTable = XLSX.html_table(workbook.Sheets[sheetName]);
document.getElementById('output').innerHTML = htmlTable;
```
阅读全文