el-table导出当前页数据

发布时间 2024-01-08 15:46:53作者: 骑上我的小摩托
下载依赖
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')
}