要使用 file-saver
和 xlsx
库导出前端表格为 Excel 文件,你需要按照以下步骤进行操作:
1、安装依赖:
首先,确保你的项目已经安装了 file-saver
和 xlsx
库。你可以使用 npm 或 yarn 进行安装,命令如下:
npm install file-saver xlsx
或
yarn add file-saver xlsx
2、导入依赖:
在你的代码中,导入 file-saver
和 xlsx
库:
3、准备数据:
将你的表格数据存储在一个数组中,确保数据的格式正确。
4、导出表格:
使用以下代码将表格数据导出为 Excel 文件:
const workbook = XLSX.utils.table_to_book(document.getElementById('pdfDom'));
const excelBuffer = XLSX.write(workbook, { bookType: 'xlsx', type: 'array' });
const blob = new Blob([excelBuffer], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet' });
saveAs(blob, 'table.xlsx');
5、总结
上述代码将表格数据转换为 Excel 工作簿对象,然后将其写入一个数组中。接下来,将数组转换为 Blob 对象,并使用 saveAs
函数保存为名为 table.xlsx
的 Excel 文件。
请注意,上述代码假设你的表格位于一个具有 id
为 pdfDom
的 <table>
元素中。如果你的表格位于其他元素中,请相应地修改选择器。