js 将table转成Excel

1.情景展示

如何使用js将网页中的表格转成Excel文件?

2.具体分析

通过SheetJS的xlsx.js文件实现。

3.解决方案

下载地址:https://github.com/SheetJS/sheetjs/archive/refs/tags/v0.18.5.zip

打开压缩包,找到dis目录下的xlsx.full.min.js

将该文件解压出来,放到项目当中。

在需要导出Excel的页面,引入该js文件。

<script type="text/javascript" src="/项目名称/ycyl/lis/wjPatientDetailInfo/statistics/xlsx.full.min.js"></script>

在页面上增加导出按钮。

 

js代码

//导出
this.exportExcel = function (){// 获取要导出的table对象var table = document.getElementById('exportTable');// 使用SheetJS的table_to_book方法将表格转换为工作簿var wb = XLSX.utils.table_to_book(table, {sheet: "Sheet1"});// 生成一个Blob对象,包含要下载的数据var wbout = XLSX.write(wb, {bookType:'xlsx', type:'array'});// 创建一个Blob对象,这将用作下载的数据var blob = new Blob([wbout], {type: "application/octet-stream"});// 创建一个a标签,用于触发下载var a = document.createElement("a");a.href = URL.createObjectURL(blob);a.download = "送检项目统计.xlsx";// 触发a标签的点击事件document.body.appendChild(a);a.click();// 清理a标签document.body.removeChild(a);};

4.测试

导出成功

导出结果

写在最后

  哪位大佬如若发现文章存在纰漏之处或需要补充更多内容,欢迎留言!!!

 相关推荐:

  • 个人主页
  • jsp 导出excel
  • java 导出excel示例(easyExcel)
  • js 导出/下载文件的3种实现方式

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/745271.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ASP.NET Core -NLog

1.安装NuGet包2.准备Nlog的配置文件 nlog.config<?xml version="1.0" encoding="utf-8" ?> <nlog xmlns="http://www.nlog-project.org/schemas/NLog.xsd"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"autoReloa…

idea中项目树中展示在java类的成员方法,变量

如图所示,点击齿轮,勾选show Members即可

购买一台云服务器,安装nvm,能够将配置全局命令链接js文件执行

全局安装@vue/cli为什么会添加命令vue linux或者MAC系统中通过which vue查看vue地址,通过进入该地址查看文件发现软链接指向真实文件,真实文件同级别下的package.json中的bin字段中的名决定了输入命令vue 2.全区安装@vue/cli时将包放在了node安装位置的node_modules下并且在包…

欢喜就好 人生短短

欢喜就好 人生短短

解决方案 | listary 双击ctrl不生效,不启动搜索工具条 (困扰了我2天,终于解决)

一、问题描述 快捷键设置是正常的,但是双击ctrl不生效,不启动搜索工具条。(其实是大屏幕不显示,我一直盯着大屏幕,没看笔记本;本方法适用于同时使用笔记本和显示器) 解决思路来源 二、解决方法只需要把接着笔记本的hdmi线路拔掉 重插,然后再重新启动listary即可正常在…

宁盾杯-哇海贼王

哇海贼王 解压,2个压缩包1张图片图片打开发现尾端异常,疑似解压密码MV9DUkNfSVNfMl9GVU5OWV82NjYjCg== 解码得 1_CRC_IS_2_FUNNY_666#使用该密码解压flag1.zip,成功得到flag.zip 根据提示使用crc暴破获取key,解密flag2.zip拼图得flagREFTQ1RGezkxY2VkZjl2N2Q5ODI4MTA5YzkwZ…

哇海贼王

哇海贼王 解压,2个压缩包1张图片图片打开发现尾端异常,疑似解压密码MV9DUkNfSVNfMl9GVU5OWV82NjYjCg== 解码得 1_CRC_IS_2_FUNNY_666#使用该密码解压flag1.zip,成功得到flag.zip 根据提示使用crc暴破获取key,解密flag2.zip拼图得flagREFTQ1RGezkxY2VkZjl2N2Q5ODI4MTA5YzkwZ…

2024-07-17:用go语言,给定一个整数数组nums, 我们可以重复执行以下操作: 选择数组中的前两个元素并删除它们, 每次操作得到的分数是被删除元素的和。 在保持所有操作的分数相同的前提下,

2024-07-17:用go语言,给定一个整数数组nums, 我们可以重复执行以下操作: 选择数组中的前两个元素并删除它们, 每次操作得到的分数是被删除元素的和。 在保持所有操作的分数相同的前提下, 请计算最多能执行多少次操作。 返回可以进行的最大操作次数。 输入:nums = [3,2,1…

自动填充验证码,懒人福音,对视觉障碍的朋友太友善了

自动填充验证码,懒人福音,对视觉障碍的朋友太友善了 一、安装插件Tampermonkey油猴(篡改侯)脚本插件 https://www.tampermonkey.net/ 这个怎么安装就不详细介绍了 二、安装验证码解析脚本 https://greasyfork.org/zh-CN/scripts/418942-万能验证码自动输入-升级版点击进去直接…

在 Kubernetes 上部署 llama3

转自:https://zhuanlan.zhihu.com/p/695534674 Ollama 与 OpenWebUI 介绍 Ollama 是一个运行大模型的工具,可以看成是大模型领域的 Docker,可以下载所需的大模型并暴露 API。 OpenWebUI 是一个大模型的 Web UI 交互工具,支持 Ollama,即调用 Ollama 暴露的 API 实现与大模型…

ubuntu22.04安装idea2024

1.现有电脑简介系统版本:ubuntu22.04 Desktop java版本: openjdk 212.软件部署在官网下载idea软件包,解压并移动到/opt目录,重命名为idea 寻找合适的学习版工具,解压应移动到/opt目录,重命名为ja-netfilter2.1.修改idea vmoptions文件 # 修改/opt/idea/bin/idea64.vmoptio…