当前位置:   article > 正文

数据表格导出execl(用excel.js和file-saver插件实现表格导出)_exceljs导出excel文件

exceljs导出excel文件

1,首先,确保您已安装exceljsfile-saver插件。您可以使用npm(Node.js包管理器)来安装它们:

npm install exceljs file-saver
2,在您的vue文件中,导入所需的库和模块:

import * as ExcelJS from 'exceljs';
import { saveAs } from 'file-saver';
 

3,准备要导出的表格数据。根据您的数据结构和需求,创建一个包含数据的数组。

4,创建一个Excel工作簿对象并设置相关属性:

const workbook = new ExcelJS.Workbook();
const worksheet = workbook.addWorksheet('Sheet1');
worksheet.columns = [
  { header: '项目名称', key: 'projectName', width: 15 },
  { header: '分包名称', key: 'subpackageName', width: 15 },
  { header: '授标顺序', key: 'awardOrder', width: 15 }
];
此处假设您的表格具有三列,并设置了标题和列宽。

5,将数据添加到工作表中:

const data = [
  { projectName: '项目1', subpackageName: '分包1', awardOrder: 1 },
  { projectName: '项目2', subpackageName: '分包2', awardOrder: 2 },
  // 添加更多数据...
];

data.forEach((row) => {
  worksheet.addRow(row);
});
根据您的数据结构,使用worksheet.addRow(row)逐行添加数据到工作表

6,导出Excel文件并保存

const buffer = await workbook.xlsx.writeBuffer();
const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
saveAs(blob, '导出表格.xlsx');
使用workbook.xlsx.writeBuffer()将工作簿转换为字节数组缓冲区。然后,使用Blob将缓冲区创建为二进制对象。最后,使用saveAs函数保存二进制对象为Excel文件。

完整的示例代码如下:

import * as ExcelJS from 'exceljs';
import { saveAs } from 'file-saver';

const exportToExcel = async () => {
  const workbook = new ExcelJS.Workbook();
  const worksheet = workbook.addWorksheet('Sheet1');
  worksheet.columns = [
    { header: '项目名称', key: 'projectName', width: 15 },
    { header: '分包名称', key: 'subpackageName', width: 15 },
    { header: '授标顺序', key: 'awardOrder', width: 15 }
  ];

  const data = [
    { projectName: '项目1', subpackageName: '分包1', awardOrder: 1 },
    { projectName: '项目2', subpackageName: '分包2', awardOrder: 2 },
    // 添加更多数据...
  ];

  data.forEach((row) => {
    worksheet.addRow(row);
  });

  const buffer = await workbook.xlsx.writeBuffer();
  const blob = new Blob([buffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
  saveAs(blob, '导出表格.xlsx');
};

exportToExcel();
请根据您的具体需求和数据结构进行相应的修改和调整。希望这可以帮助到您!
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/668960
推荐阅读
相关标签
  

闽ICP备14008679号