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

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

  • 苹果返回键怎么设置出来(苹果返回键怎么隐藏)

    苹果返回键怎么设置出来(苹果返回键怎么隐藏)

  • applewatch7如何实时检测心跳

    applewatch7如何实时检测心跳

  • 华为荣耀9xhd是什么意思(荣耀9x是lpddr4x吗)

    华为荣耀9xhd是什么意思(荣耀9x是lpddr4x吗)

  • 网易云九级要多少首歌(网易云九级要多少天)

    网易云九级要多少首歌(网易云九级要多少天)

  • 路由器有什么功能和作用(路由器有什么功能和特点)

    路由器有什么功能和作用(路由器有什么功能和特点)

  • 快手退款商家不处理到时间了会自动退款不(快手退款商家不回复怎么办)

    快手退款商家不处理到时间了会自动退款不(快手退款商家不回复怎么办)

  • qq匹配聊天频繁怎么解决(qq里匹配聊天老是失败怎么办)

    qq匹配聊天频繁怎么解决(qq里匹配聊天老是失败怎么办)

  • 快手头像有皇冠是怎么回事(快手头像有皇冠是什么意思)

    快手头像有皇冠是怎么回事(快手头像有皇冠是什么意思)

  • 以太网是有线还是无线(以太网是有线网络还是无线网络)

    以太网是有线还是无线(以太网是有线网络还是无线网络)

  • ipad腾讯会议共享屏幕播放视频没有声音(ipad腾讯会议共享屏幕没有声音)

    ipad腾讯会议共享屏幕播放视频没有声音(ipad腾讯会议共享屏幕没有声音)

  • 淘宝四星需要多少分(淘宝4星要多少信誉)

    淘宝四星需要多少分(淘宝4星要多少信誉)

  • 怎么禁止qq电话弹出(qq怎么禁止打qq电话)

    怎么禁止qq电话弹出(qq怎么禁止打qq电话)

  • 苹果xled灯怎么打开(苹果xled灯怎么关闭)

    苹果xled灯怎么打开(苹果xled灯怎么关闭)

  • 易企秀支持电脑全屏播放吗(易企秀用电脑做还是用手机方便)

    易企秀支持电脑全屏播放吗(易企秀用电脑做还是用手机方便)

  • 爱奇艺怎么看登录记录(爱奇艺怎么看登录了几个账号)

    爱奇艺怎么看登录记录(爱奇艺怎么看登录了几个账号)

  • 苹果x屏幕分辨率(苹果x的屏幕分辨率在哪里查看)

    苹果x屏幕分辨率(苹果x的屏幕分辨率在哪里查看)

  • 五轴编程需要什么功底(五轴编程难吗)

    五轴编程需要什么功底(五轴编程难吗)

  • oppo手机像素在哪里看(oppo手机像素在哪找出来)

    oppo手机像素在哪里看(oppo手机像素在哪找出来)

  • 华为m5青春版和畅享版区别(华为m5青春版和小米平板4)

    华为m5青春版和畅享版区别(华为m5青春版和小米平板4)

  • iphone6隔空投送在哪(iphone6隔空投送怎么发照片)

    iphone6隔空投送在哪(iphone6隔空投送怎么发照片)

  • 美团会员续费怎么关(美团会员续费怎么退)

    美团会员续费怎么关(美团会员续费怎么退)

  • 前端 vue 解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏(vue前端代码实例)

    前端 vue 解决按1920*1080设计图做的页面适配屏幕缩放并适配4K屏(vue前端代码实例)

  • 如何确定我的Mac或Linux是否易受到Shellshock攻击?(如何确定我的世界的区块)

    如何确定我的Mac或Linux是否易受到Shellshock攻击?(如何确定我的世界的区块)

  • Mac中通过Dictionary翻译不同意思的单词(通过mac地址查找ip的协议)

    Mac中通过Dictionary翻译不同意思的单词(通过mac地址查找ip的协议)

  • myfastupdate.exe - myfastupdate是什么进程文件 有什么用

    myfastupdate.exe - myfastupdate是什么进程文件 有什么用

  • EventLoop(event loop exception null)

    EventLoop(event loop exception null)

  • 企业所得税汇算清缴退税怎么做账
  • 发票抬头开个人可以吗
  • 现金流量表中的销售商品提供劳务收到的现金
  • 发票几个月内可以红冲作废
  • 增值税纳税申报表怎么填
  • 销项负数发票原发票还有用吗?
  • 购买了材料怎么做账
  • 财产转让所得税计算方法
  • 购买商品用于抵债的会计分录要怎么做?
  • 公司长期应付账款怎么算
  • 增值税征收比例和征收方式
  • 固定资产管理的三大原则
  • 关于国际货运代理协会联合会的描述不正确的是
  • 企业转让股权收入应于转让协议生效时确认收入的实现
  • 第二个季度
  • 工地买东西怎么记账
  • 苹果14promax价格
  • 税收滞纳金能不能超过本金
  • 母子公司吸收合并优劣势
  • php解析原理
  • 税务局查账补交所得税怎样处理
  • 申请一般纳税人公司流程
  • dgservice.exe是什么
  • 专利权出资会计科目
  • 小规模企业购入固定资产怎么做账务处理
  • 采用定额法计算产品成本,其程序如何?
  • 固定资产一次性扣除后第二年账务处理
  • react router教程
  • php引用文件的方法
  • 企业购进的商品是什么
  • nsloopup命令
  • 车间主要有哪些事故风险
  • vue开发小技巧
  • okhttp源码
  • 未分配利润为负的原因
  • 资产减值损失结转到哪里
  • 4s店除了卖车还有什么
  • 一般纳税人如何交增值税
  • 企业转让固定资产增值税税率
  • 生产部门使用的无形资产摊销
  • 普票和专票的
  • 文化事业建设费报告表
  • 购货发票属于是什么凭证
  • sql server rollup函数
  • 外购产品捐赠
  • db2 insert timestamp
  • 货物或应税劳务名称怎么填
  • 一般纳税人无票收入怎么做账分录呢
  • 税费损失
  • 房地产企业拆迁补偿费入账要求
  • 固定资产错记到费用了怎么办
  • 机票的退票费可以开具发票吗
  • 收到违约金如何做账
  • 其他现代服务业是什么
  • 银行利息收入的会计分录怎么写
  • 新建厂房费用如何入账
  • 卖掉公司旧办公用品怎么入账
  • 已经支付的预付款 银行能更改为货到付款吗
  • 特别提款权和普通提款权的区别
  • 房地产会计核算地上地下成本分摊
  • mysql8.0 win7
  • XP系统怎么升级win10
  • linux 命令提示
  • win8系统无法连接到网络
  • ati2mdxx.exe是什么进程 ati2mdxx进程信息查询
  • 苹果MAC电脑怎么玩圣安地列斯
  • win8 boot manager
  • cssid和class的区别
  • django实现登录注册功能
  • dos命令中运行文件的命令
  • 命令行net
  • nodejs image
  • 简单介绍自己的名字由来
  • jquery jsonview
  • javascript gui
  • python解析算法
  • 如果我中了双色球
  • 地税企业所得税是多少
  • 怎么修改纳税人信息
  • 发票多久作废不了
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设