位置: IT常识 - 正文

html table 如何导出为excel表格案例分享(如何把html数据导入表格)

编辑:rootadmin
html table 如何导出为excel表格案例分享

目录

1、先创建 html 的表格,并指定表格唯一ID:impTable​编辑

 2、定义导出表格的函数方法 toExcel()。


推荐整理分享html table 如何导出为excel表格案例分享(如何把html数据导入表格),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:html table tr,html table tbody,html数据导出到excel,html导入表格,如何把html数据导入表格,html导入表格,html数据导出到excel,html数据导出到excel,内容如对您有帮助,希望把文章链接给更多的朋友!

应用场景,页面就是普通的 html 。

例如要导出这个示例Table表格。

html table 如何导出为excel表格案例分享(如何把html数据导入表格)

 先来看看导出的表格如下:

1、先创建 html 的表格,并指定表格唯一ID:impTable 2、定义导出表格的函数方法 toExcel()。

1)页面添加一个动作按钮。

<div class="searchBt" onclick="toExcel()" style="float: right;margin: 10px 20px;">导出</div>

2) 具体的 JavaScript 代码如下:

function base64(content) { return window.btoa(unescape(encodeURIComponent(content))); } var format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }); } //导出html表格为 excel 文件 function toExcel() { var excelContent = $("#impTable").html(); var excelFile = "<html xmlns:o='urn:schemas-microsoft-com:office:office' xmlns:x='urn:schemas-microsoft-com:office:excel' xmlns='http://www.w3.org/TR/REC-html40'>"; excelFile += "<head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>"; excelFile += "<body><table width='50%' border='1'>"; excelFile += excelContent; excelFile += "</table></body>"; excelFile += "</html>"; //定义excel 的sheet名称 var ctx = {worksheet: "授信审批表"}; var link = "data:application/vnd.ms-excel;base64," + base64(format(excelFile, ctx)); var a = document.createElement("a"); //定义excel 的文件名称 var fileName ="授信审批表_"+$("#skrName").val(); a.download = fileName+".xls"; a.href = link; a.click();}

是不是非常简单好用呢?而且他不需要额外的插件支持,导出的样式也还挺合适的。

对您有用的话,还请动动发财的小手帮小编一键三连吧!你的支持,是我不断输出的最大动力。

本文链接地址:https://www.jiuchutong.com/zhishi/297904.html 转载请保留说明!

上一篇:Uni-app中的生命周期(uni-app原理)

下一篇:年末进项销项结转怎么做分录(进项税年末结转分录)

  • qqcom邮箱的格式(qq邮箱)

    qqcom邮箱的格式(qq邮箱)

  • 小米30s(小米3购买)(小米30手机好不好)

    小米30s(小米3购买)(小米30手机好不好)

  • 手机wps怎么自动生成目录页的呢(手机wps怎么自动生成年龄)

    手机wps怎么自动生成目录页的呢(手机wps怎么自动生成年龄)

  •  手机怎么录屏(手机怎么录屏幕视频带声音)

    手机怎么录屏(手机怎么录屏幕视频带声音)

  • 华为荣耀10青春版开不了机怎么办(华为荣耀10青春版多少钱一台)

    华为荣耀10青春版开不了机怎么办(华为荣耀10青春版多少钱一台)

  • word工具栏变灰不能用怎么办(word工具栏变灰色用不了)

    word工具栏变灰不能用怎么办(word工具栏变灰色用不了)

  • 笔记本end键什么意思(笔记本end键怎么用)

    笔记本end键什么意思(笔记本end键怎么用)

  • 奇异果tv怎么看电视直播(奇异果TV怎么看电视频道)

    奇异果tv怎么看电视直播(奇异果TV怎么看电视频道)

  • realmex指纹解锁不灵(realmex2指纹解锁)

    realmex指纹解锁不灵(realmex2指纹解锁)

  • 交换机堆叠的作用(交换机堆叠的优点)

    交换机堆叠的作用(交换机堆叠的优点)

  • xr听筒声音小怎么办(xr听筒很小声)

    xr听筒声音小怎么办(xr听筒很小声)

  • 华为手机微信不显示在屏幕上(华为手机微信不提示消息怎么回事)

    华为手机微信不显示在屏幕上(华为手机微信不提示消息怎么回事)

  • 快手看直播点红心怎么不显示(快手看直播点红心对方能兑换钱吗)

    快手看直播点红心怎么不显示(快手看直播点红心对方能兑换钱吗)

  • 哈啰出行助力车怎么充电的(哈啰出行助力车是什么车)

    哈啰出行助力车怎么充电的(哈啰出行助力车是什么车)

  • 移动限速1mbps能解除吗(移动限速1mbps能看直播和视频吗)

    移动限速1mbps能解除吗(移动限速1mbps能看直播和视频吗)

  • 抖音手机号丢了怎么改(抖音手机号丢了怎么登录原来的号)

    抖音手机号丢了怎么改(抖音手机号丢了怎么登录原来的号)

  • 苹果已经信任为什么验证不了(苹果已经信任为什么还是打不开)

    苹果已经信任为什么验证不了(苹果已经信任为什么还是打不开)

  • 联通hd怎么开(中国联通hd怎么开)

    联通hd怎么开(中国联通hd怎么开)

  • 8p和8plus区别(苹果8plus和8p有什么区别)

    8p和8plus区别(苹果8plus和8p有什么区别)

  • 微信支付面容怎么设置(微信支付面容怎么设置苹果手机)

    微信支付面容怎么设置(微信支付面容怎么设置苹果手机)

  • qcwlicon.exe - qcwlicon是什么进程 有何作用

    qcwlicon.exe - qcwlicon是什么进程 有何作用

  • Python基于YOLOv5的交通标志识别系统[源码](yolo算法python代码)

    Python基于YOLOv5的交通标志识别系统[源码](yolo算法python代码)

  • 必看新手教程!一篇就够!pycharm链接云服务器--yolov5 yolov7训练自己的数据集(矩池云)(新手入门指南)

    必看新手教程!一篇就够!pycharm链接云服务器--yolov5 yolov7训练自己的数据集(矩池云)(新手入门指南)

  • 小微企业月开票超15万季度未超45万
  • 房地产增值税抵减土地出让金
  • 营业收入净额是营业总收入吗
  • 金蝶专业版仓库反审核怎么做
  • 小规模纳税人免税账务处理
  • 境外签署合同的效力
  • 代别的公司付款怎么做账
  • 一般纳税人所得税优惠政策
  • 免征增值税还要做销项税吗
  • 残疾人不用交医保社保
  • 季度所得税预缴税款表中主营业务成本是否包含管理费用
  • 进口退运货物基本流程
  • 一般纳税人税控盘维护费会计分录
  • 坏账收回的账务处理方法
  • 资产减值损失月末需要结转吗
  • 客户支付货款时扣除了手续费
  • 腾讯电脑管家中如何安装 文件夹上锁专家
  • 2023个人出租房屋房产税
  • 汽车行业返利账务处理
  • linux 的ll
  • php详细安装步骤
  • 原材料赔偿会计分录
  • 行政事业单位捐款支出怎么记账
  • window10怎么取消快捷方式
  • 怎么注册滴滴快车司机客户端
  • vue element ui教程
  • 办公楼改造方案
  • 报税扣款锁定怎么处理
  • three.js入门指南
  • 处置抵债资产的账务处理
  • 仓库发货打包以及建议年终总结
  • 固定资产到期后残值怎么处理
  • 企业没有ca怎么登陆公积金账户
  • MySQL 数据库中,用于事务授权控制的关键词是下面哪个?
  • vue安装插件
  • 固定资产清理的金额怎么算
  • 现金流量表存货增加额怎么算
  • 原材料的会计处理有哪些
  • 2023小型微利企业税收优惠
  • T-SQL语句修改数据表属性
  • sqlserver2008r2怎么使用
  • 可以抵扣的进项发票有哪些
  • 个体工商户是什么意思
  • 累计折旧需要分录吗
  • 增值税税负率是多少
  • 发票收款人和复核人在哪儿政
  • 权益法转其他权益工具
  • 专项应付款的会计处理
  • 取得收入未开具发票
  • 工业企业外购存货成本有
  • 应收账款计提减值准备会计处理
  • 销售产品收取的价款
  • 公对公转账必须签合同吗
  • 材料采购成本的计算分录
  • 填制会计凭证要求的是
  • 支票有效期过期了怎么办
  • 非营利医疗机构什么意思
  • mysql安装配置教程5.7.25
  • xampp3.2.4安装教程与配置
  • xp电脑显示屏显示不全
  • 如何查看文件系统
  • 安装win7旗舰版用户名和密码是多少
  • linux find 命令详解
  • win10怎么检查
  • linux打包命令tar打包目录结构
  • root什么玩意
  • 常见的错误方法
  • perl sub
  • 批处理显示
  • unity ulua
  • 深入学习习总书记系列讲话精神
  • jquery .form
  • android中edittext
  • js实现拖拽元素改编顺序
  • 编写javascript代码
  • jquery.js插件
  • 税务局申请企业破产被告
  • 山东省国税局领导分工
  • 河北省电子税务局官网app
  • 湖州市2020年最低生活保障
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设