JavaScript 导出 转Excel时添加边框后,导出excel
时间: 2024-03-03 11:48:48 浏览: 20
您可以使用 js-xlsx 库来将 JavaScript 数据导出到 Excel 文件中,并使用 ExcelJS 库来添加边框。以下是一个简单的示例代码:
```javascript
// 引入 js-xlsx 和 ExcelJS 库
const XLSX = require('xlsx');
const ExcelJS = require('exceljs');
// 创建一个工作簿
const workbook = new ExcelJS.Workbook();
// 创建一个工作表
const worksheet = workbook.addWorksheet('Sheet1');
// 定义数据
const data = [
['名称', '数量', '价格'],
['苹果', 10, 5.5],
['香蕉', 20, 3.2],
['橘子', 15, 4.1],
];
// 将数据写入工作表
worksheet.addRows(data);
// 添加边框
const borderStyle = {
style: 'thin',
color: { argb: 'FF000000' },
};
worksheet.eachRow((row, rowNumber) => {
row.eachCell((cell, colNumber) => {
cell.border = {
top: borderStyle,
left: borderStyle,
bottom: borderStyle,
right: borderStyle,
};
});
});
// 将工作簿转换为二进制数据
const buffer = await workbook.xlsx.writeBuffer();
// 将二进制数据保存为 Excel 文件
const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
saveAs(blob, 'data.xlsx');
```
在上面的代码中,我们首先创建了一个工作簿和一个工作表,并将数据写入工作表中。然后,我们使用 `eachRow` 和 `eachCell` 方法遍历每个单元格,并添加边框。最后,我们将工作簿转换为二进制数据,并使用 `Blob` 和 `saveAs` 方法将其保存为 Excel 文件。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)