位置: 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原理)

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

  • 出口退税附加税分录怎么写
  • 劳务费个人所得税由谁申报
  • 中国注册税务师协会官网
  • 计提所得税费用会计分录
  • 牵引车和挂车都要购买交强险吗
  • 委托加工业务中,委托方是纳税义务人
  • 行政单位利息收入可以扣除手续费
  • 小规模纳税人不开票需要纳税吗
  • 人力资源公司可以接保安业务吗
  • 转账支票一定要收款人去取吗
  • 增值税不视同销售行为有哪些
  • 固定资产一次性扣除怎么做账
  • 票据到期兑付会怎么样
  • 冲销已结转的成本
  • 没有税收编码的发票怎么开具红字票
  • 印花税一定要贴花吗
  • 税法相关问题
  • 境内公司购买境外公司服务 缴税
  • 个体户税务申报流程季度0申报
  • 继承有个人所得税吗
  • 应收单据处理包括哪些
  • 与收益相关的政府补助的确认
  • wifi认证失败怎么办
  • 国际电汇是什么意思
  • 商贸企业销售
  • vuecli报错
  • 图文详解:台盆柜安装的全过程
  • 购入旧的固定资产的入账价值
  • 企业租地建厂流程
  • 企业发给员工的工资要交税吗
  • php2008
  • 预算会计组成体系不包括
  • 无票收入需要开票吗
  • ai形成生成器工具怎么用
  • 前端cgi
  • phpcms怎么用
  • 收到进项发票不认证可以吗
  • 兼职工作是单位工作吗
  • 有哪些员工福利
  • 可转债公允价值评估
  • 固定资产盘亏要改变资产原值吗
  • 月入一万怎么样
  • 房产税的纳税义务人
  • 税率为0的发票能用吗
  • 企业资金管理是什么意思
  • 购买货物收到发票怎么做账小规模
  • 企业所得税法开办费
  • 在建工程和预付账款怎么转化
  • mysqld-nt: Out of memory (Needed 1677720 bytes)解决方法
  • 生产成本和营业成本的区别和联系
  • 现金及现金等价物包括哪些科目
  • 服装租赁费的税率是多少
  • 国有企业取得的土地建设职工住宅
  • 装修费用是当月支付吗
  • 公司清算后能不能转让
  • 贸易公司如何核名
  • 无形资产自行开发
  • 固定资产清理的借贷方向
  • sqlserver2000删除注册表
  • win8系统开机直接进入桌面
  • linux ubuntu教程
  • win8 开机
  • win8系统的应用程序在哪里
  • 升级win10后东西还在吗
  • Android自定义控件,切换APP再切回来控件消失了
  • [置顶]bilinovel
  • node.js javascript
  • Node.js中的核心模块包括哪些内容?
  • linux版本控制软件
  • jQuery 实现ajax传入参数含有特殊字符的方法总结
  • unity获取鼠标点击的位置
  • Android开发工具
  • Android---43---Service之IntentService
  • python解析excel文档
  • js检查邮箱格式
  • javascript test
  • 增值税发票的发票号码和发票代码
  • 开票软件中如何打印已开具的发票
  • 应交增值税减免税款借贷方向
  • 平安银行股份有限公司临沂分行
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设