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

vue2+element 前端表格下载

前台下载table表格 可下载fixed columns和普通平铺的表格

    exportExcel() {const tableContainer = document.querySelector('#table')const fixflg = tableContainer ? tableContainer.querySelector('.el-table__fixed') : null// const fixflg = document.querySelector('.el-table__fixed') // 判断要导出的节点中是否有fixed的表格,如果有,转换excel时先将该dom移除,然后append回去,严谨一点的话,应该是document.querySelector(".tableList").querySelector(".el-table__fixed"),确保是在我们导出的表格中出现的固定列let wbif (fixflg) {// 统计行不合并单元格const wrapper = fixflg.querySelector('.el-table__fixed-footer-wrapper')if (wrapper) {const tds = wrapper.querySelectorAll('td')for (let i = 0; i < tds.length; i++) {tds[i].setAttribute('rowspan', 1)}wb = utils.table_to_book(document.querySelector('#table').removeChild(fixflg))document.querySelector('#table').appendChild(fixflg)}} else {wb = utils.table_to_book(document.querySelector('#table'))}// 如果没有固定列,则直接转换整个表格const wbout = write(wb, { bookType: 'xlsx', bookSST: true, type: 'array' })try {//FileSaver插件,详细的我也没具体看,FileSaver.saveAs我猜测,大概是把blob文件流转为对应类型的文件,并且触发下载功能FileSaver.saveAs(new Blob([wbout], { type: 'application/octet-stream' }), '数据统计.xlsx')} catch (e) {if (typeof console !== 'undefined') {}}return wbout},

http://www.lryc.cn/news/509173.html

相关文章:

  • MySQL使用LOAD DATA INFILE方式导入文本文件
  • 【从零开始入门unity游戏开发之——unity篇02】unity6基础入门——软件下载安装、Unity Hub配置、安装unity编辑器、许可证管理
  • SpringBootWeb 篇-深入了解 SpringBoot + Vue 的前后端分离项目部署上线与 Nginx 配置文件结构
  • 优化程序中的数据:从代数到向量解
  • 【Web】2024“国城杯”网络安全挑战大赛决赛题解(全)
  • 基于ceres优化的3d激光雷达开源算法
  • 【FAQ】HarmonyOS SDK 闭源开放能力 — Vision Kit(2)
  • 【LeetCode】726、原子的数量
  • VMware虚拟机三种网络工作模式
  • 14-zookeeper环境搭建
  • [搜广推]王树森推荐系统笔记——矩阵补充最近邻查找
  • Unity3D * 粒子特效 * Particle System
  • 【基础篇】1. JasperSoft Studio编辑器与报表属性介绍
  • 数据结构:算法篇:快速排序;直接插入排序
  • WebAPI编程(第一天,第二天)
  • 查看MySQL存储引擎方法,表操作
  • 【Python教程】Python3基础篇之Number(数字)
  • 基于openEuler22.09部署OpenStack Yoga云平台(一)
  • I.MX6U 启动方式详解
  • 施耐德变频器ATV320系列技术优势:创新与安全并重
  • 系统思考—全局思维
  • Windows如何切换用户访问局域网共享文件夹,如何切换网上邻居的账户
  • 如何在谷歌浏览器中启用语音搜索
  • HarmonyOS NEXT 技术实践-基于基础视觉服务实现骨骼点识别
  • Debian系统宝塔面板安装LiteSpeed Memcached(LSMCD)
  • tcp 的三次握手与四次挥手
  • QT--信号与槽机制
  • vue3项目history路由模式部署上线405、刷新404问题(包括部分页面刷新404问题)
  • 电阻容差是啥意思
  • Rust: offset祼指针操作