不支持

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')
}
复制代码

 

posted @   骑上我的小摩托  阅读(85)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
点击右上角即可分享
微信分享提示