首页 > 其他分享 >js 将table转成Excel

js 将table转成Excel

时间:2024-07-17 15:51:31浏览次数:10  
标签:xlsx 导出 Excel js var table

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.测试

导出成功

导出结果

写在最后

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

 相关推荐:

标签:xlsx,导出,Excel,js,var,table
From: https://www.cnblogs.com/Marydon20170307/p/18307590

相关文章

  • 购买一台云服务器,安装nvm,能够将配置全局命令链接js文件执行
    全局安装@vue/cli为什么会添加命令vuelinux或者MAC系统中通过whichvue查看vue地址,通过进入该地址查看文件发现软链接指向真实文件,真实文件同级别下的package.json中的bin字段中的名决定了输入命令vue2.全区安装@vue/cli时将包放在了node安装位置的node_modules下并且在包中的p......
  • 破解反爬虫策略 /_guard/auto.js(一) 原理
    背景当用代码或者postman访问一个网站的时候,访问他的任何地址都会返回<scriptsrc="/_guard/auto.js"></script>,但是从浏览器中访问显示的页面是正常的,这种就是网站做了反爬虫策略。本文就是带大家来破解这种策略,也就是反反爬虫。思路寻找关键参数既然在浏览器中访问没问题......
  • 多种模块格式,包括 ES, CommonJS, UMD, AMD, SystemJS 和 IIFE的区别点分别是什么
    【转】https://zhuanlan.zhihu.com/p/668530823以下是各种模块格式的主要特点:ESModules(ESM):这是ECMAScript6(ES6)引入的官方标准格式。它支持导入和导出语句,以及静态分析和tree-shaking。它是唯一的静态模块系统,意味着你可以在编译时确定导入和导出的内容。CommonJS(C......
  • Excel导出操作
    一、定义@Excel注解,将实体属性映射成excel对应的单元格表头、属性为导出列表的属性名称@Retention(RetentionPolicy.RUNTIME)@Target(ElementType.FIELD)public@interfaceExcel{/***导出时在excel中排序*/publicintsort()defaultInteger.MAX_VALUE;/***导出到E......
  • 手把手教你基于华为云鲲鹏弹性云服务器部署Node.js环境
    本文分享自华为云社区《华为云之使用鲲鹏弹性云服务器部署Node.js环境【玩转华为云】》,作者:江湖有缘。一、本次实践介绍1.1实践环境简介本次实践环境使用华为KooLabs云实验平台。本次实践基于基于华为云鲲鹏弹性云服务器。在HCE系统上安装、部署、测试Node.js项目。1.3本......
  • Stable Diffusion新手快速入门教程
    关于Ai绘画,很多人在体验了Midjourney(以下简称MJ)之后,发现它创意能力很强,但可控性比较弱,不便应用,于是转向StableDiffussion(以下简称SD),但又发现SD貌似很复杂。我在后台收得比较多的留言,都是一些很基础的问题咨询,这是这篇文章的写作背景。Ai绘画的算法工具,如果要做一个不一定......
  • 华为OD机试D卷 --找座位--24年OD统一考试(Java & JS & Python & C & C++)
    文章目录题目描述输入描述输出描述用例题目解析java源码python源码javascript源码c源码c++源码题目描述在一个大型体育场内举办了一场大型活动,由于疫情防控的需要,要求每位观众的必须间隔至少一个空位才允许落座。现在给出一排观众座位分布图,座位中存......
  • 华为OD机试D卷 --密码输入检测--24年OD统一考试(Java & JS & Python & C & C++)
    文章目录题目描述输入描述输出描述用例题目解析java源码python源码javascript源码c源码c++源码题目描述给定用户密码输入流input,输入流中字符‘<’表示退格,可以清除前一个输入的字符,请你编写程序,输出最终得到的密码字符,并判断密码是否满足如下的密......
  • 大语言模型无法理解链表 Large Language Models Fails to Understand Chained Table[u
    大模型可以翻转链表,但是只能翻转单个元素链表。一但牵扯到分组操作,就不会了。Case:以K个元素为一组位翻转链表,每一组内部元素顺序不变。ReversethechainedtableingroupofKelements,don'tchangetheorderineachgroup. Handwritten: 1classNode():2......
  • [项目自荐] 交叉编译njs并使用Nginx搭建自由的个人网盘:vList5
    这个博客好久没有打理了,最近才想起来这篇文章是以下5篇文章的组合,希望这个免费的项目能实现他的初衷吧vList5:部署指南vList5.3全面加密,从我做起njs从入门(交叉编译)到入坟(与vList5配对)vList5+njs/moment实用与使用光猫折腾4:为光猫编译armel版本的nginx特色:使用......