vue2+element 前端表格下载

devtools/2024/12/27 17:56:35/

前台下载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.ppmy.cn/devtools/145187.html

相关文章

arm架构 uos操作系统离线安装k8s

目录 操作系统信息 安装文件准备 主机准备 主机配置 配置hosts&#xff08;所有节点&#xff09; 关闭防火墙、selinux、swap、dnsmasq(所有节点) 系统参数设置(所有节点) 配置ipvs功能(所有节点) 安装docker&#xff08;所有节点&#xff09; 卸载老版本 安装docke…

国自然面上项目分享|基于人工智能和病理组学的早癌筛查算法研究|基金申请·24-12-24

小罗碎碎念 今天分享的项目为【常规面上项目】&#xff0c;执行年限为2018年1月至2021年12月&#xff0c;直接费用为55万元。 今天分享的这个项目很有意思&#xff0c;因为这个项目的成果是团队2020年申报基金委优青的材料&#xff0c;并且还有临床验证和商业转化&#xff0c;值…

开源轻量级IM框架MobileIMSDK的鸿蒙NEXT客户端库已发布

一、基本介绍 MobileIMSDK-鸿蒙端是一套基于鸿蒙Next&#xff08;纯血鸿蒙&#xff09;系统的IM即时通讯客户端库&#xff1a; 1&#xff09;超轻量级&#xff08;编译后库文件仅50KB&#xff09;、无任何第3方库依赖&#xff08;开箱即用&#xff09;&#xff1b;2&#xff0…

如何在 Apache 中创建单个文件的别名 ?

要创建 Apache 中的单个文件的别名&#xff0c;您可以在 Apache 配置文件中使用 Alias 指令&#xff0c;Alias 指令允许您将 URL 路径映射到文件系统位置&#xff0c;该路径可以是目录或单个文件。 Open Configuration File 使用文本编辑器打开 Apache 配置文件。它可以是 ht…

WebXR

HTTPS https网页才能启动VR模式&#xff0c;本地调试时配置https vite 启用 https npm install -D vitejs/plugin-basic-ssl --save vite.config.js import { defineConfig } from vite; import basicSsl from vitejs/plugin-basic-ssl;export default defineConfig({serv…

《开启微服务之旅:Spring Boot Web开发》(三)

使用外置的Servlet容器 嵌入式Servlet容器&#xff1a;应用打成可执行的jar 优点&#xff1a;简单、便携&#xff1b; 缺点&#xff1a;默认不支持JSP、优化定制比较复杂.&#xff1b; 外置的Servlet容器&#xff1a;外面安装Tomcat---应用war包的方式打包&#xff1b; 步…

【AI驱动的数据结构:包装类的艺术与科学】

&#x1f308;个人主页: Aileen_0v0 &#x1f525;热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法 ​&#x1f4ab;个人格言:“没有罗马,那就自己创造罗马~” 文章目录 包装类装箱和拆箱阿里巴巴面试题 包装类 在Java中基本数据类型不是继承来自Object&#xff0c;为了…

React Hooks

React Hooks React Hooks 是 React 16.8 版本中引入的一种新功能&#xff0c;它允许在不编写类的情况下使用状态和生命周期等特性。 在 Hooks 出现之前&#xff0c;React 里的函数式组件也被称为无状态组件。 函数组件和类组件的区别&#xff1f; 类组件必须要注意this指向…