当前位置: 首页 > news >正文

前端导出excel表格

const exportExcel = () => {// 获取表格数据const table = document.querySelector('#out-table');const data = [];const headers = [];// 获取表头table.querySelectorAll('th').forEach(th => {headers.push(th.innerText.trim());});// 获取表格数据table.querySelectorAll('tbody tr').forEach(tr => {const rowData = [];tr.querySelectorAll('td').forEach(td => {rowData.push(td.innerText.trim());});data.push(rowData);});// 创建工作簿const ws = XLSX.utils.aoa_to_sheet([headers, ...data]);const wb = XLSX.utils.book_new();XLSX.utils.book_append_sheet(wb, ws, 'Sheet1');var wbout = XLSX.write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' });try {FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), '控流记录.xlsx');} catch (e) {if (typeof console !== 'undefined') console.log(e, wbout);}return wbout;
}


http://www.mrgr.cn/news/34812.html

相关文章:

  • Python 占位语句 pass
  • 深入探索:Scrapy深度爬取策略与实践
  • MFC IDC_STATIC控件嵌入一个DIALOG界面
  • 校园二手交易网站毕业设计基于SpringBootSSM框架
  • go语言使用总结(持续更新)
  • 从0学习React(11)
  • 分布式难题-三座大山NPC
  • 【JAVA-数据结构】初识集合框架
  • vue2和vue3页面加自定义水印(组件化)
  • 828华为云征文 | 华为云Flexusx与OwnCloud的完美融合,打造高效云端办公环境
  • Centos安装helm
  • 玩手机数据集 8201张玩手机的照片,有对应的xml和txt文件,可以用于yolo训练
  • SaaS 软件转型计划
  • 【python】requests 库 源码解读、参数解读
  • 音视频入门基础:FLV专题(3)——FLV header简介
  • <<编码>> 第 17 章 自动操作(2)--自动加法器 示例电路
  • AI学习指南深度学习篇- Adadelta在深度学习中的应用
  • 两款强大的SSL证书自动化工具:Certimate vs Certd
  • java并发之并发理论
  • 输电线塔目标检测数据集yolo格式该数据集包括2644张输电线塔高清图像,该数据集已经过yolo格式标注,具有完整的txt标注文件和yaml配置文件。
  • GPT和Copilot联手,AI编程进入新纪元
  • 前端框架对比及选择:React、Vue、Angular的深度剖析
  • 银行业数据科学家的 6 条经验教训
  • 详解常见排序
  • hbase之布隆过滤器
  • 【自动驾驶】基于车辆几何模型的横向控制算法 | Pure Pursuit 纯跟踪算法详解与编程实现