el-table导出当前页数据
下载依赖
npm i --save https://cdn.sheetjs.com/xlsx-0.20.1/xlsx-0.20.1.tgz npm install file-saver --save
el-table添加id
<el-table id="outTable" >//添加id
拼接导出函数
// 导出为 Excel const exportExcel = () => { const table = document.querySelector('#outTable') // 创建一个新的工作簿 let wb = XLSX.utils.book_new() // 获取表格的表头table let tableHead = table.getElementsByTagName('TABLE')[0] // 获取表格的表体 let tableBody = table.getElementsByTagName('TABLE')[1].getElementsByTagName('TBODY')[0] // 将表体添加到表头table中 tableHead.appendChild(tableBody) // 创建一个新的工作表 let ws = XLSX.utils.table_to_sheet(tableHead) // 将工作表添加到工作簿 XLSX.utils.book_append_sheet(wb, ws, 'Sheet1') // 将工作簿保存为 Excel 文件 XLSX.writeFile(wb, '导出数据.xlsx') }
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY