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

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

  • windows升级日志文件可以删除吗(windows升级日志能删除吗)

    windows升级日志文件可以删除吗(windows升级日志能删除吗)

  • 苹果手机怎么缩小屏幕比例(苹果手机怎么缩小屏幕单手操作)

    苹果手机怎么缩小屏幕比例(苹果手机怎么缩小屏幕单手操作)

  • 一键三连长按什么

    一键三连长按什么

  • opporeno4有无线充电功能吗(opporeno4pro支持无线充电)

    opporeno4有无线充电功能吗(opporeno4pro支持无线充电)

  • 苹果11往上滑屏有振动吗(苹果11往上滑屏可以移动位置吗)

    苹果11往上滑屏有振动吗(苹果11往上滑屏可以移动位置吗)

  • 微信图片打不开怎么回事(为什么企业微信图片打不开)

    微信图片打不开怎么回事(为什么企业微信图片打不开)

  • 微信运动几点更新(微信运动 几点)

    微信运动几点更新(微信运动 几点)

  • 小米10青春版卡槽在哪里(小米10青春版卡槽孔是哪个)

    小米10青春版卡槽在哪里(小米10青春版卡槽孔是哪个)

  • p40微信拍照模糊(p40微信拍照不清晰)

    p40微信拍照模糊(p40微信拍照不清晰)

  • dv机是什么(dv机是什么输出接口)

    dv机是什么(dv机是什么输出接口)

  • iphonexr处理器是a几(iphonexr处理器是什么型号)

    iphonexr处理器是a几(iphonexr处理器是什么型号)

  • 电桥平衡条件是什么(怎样操作才能使电桥快速达到平衡)

    电桥平衡条件是什么(怎样操作才能使电桥快速达到平衡)

  • 网络协议的组成因素(网络协议的组成要素是什么,举例说明协议及对应的要素)

    网络协议的组成因素(网络协议的组成要素是什么,举例说明协议及对应的要素)

  • nova6红外遥控怎么用(nova6红外遥控器在哪里)

    nova6红外遥控怎么用(nova6红外遥控器在哪里)

  • vooc闪充有什么优势(vooc闪充什么意思)

    vooc闪充有什么优势(vooc闪充什么意思)

  • oppo手机触屏校准在哪里(OPPO手机触屏校准方法)

    oppo手机触屏校准在哪里(OPPO手机触屏校准方法)

  • mate30和mate305g区别(mate30对比mate305g)

    mate30和mate305g区别(mate30对比mate305g)

  • 华为m5青春版怎么用键盘(华为m5青春版怎么恢复出厂设置)

    华为m5青春版怎么用键盘(华为m5青春版怎么恢复出厂设置)

  • mp4是用来干什么的(mp4能干啥)

    mp4是用来干什么的(mp4能干啥)

  • 如何取消夜间模式了(如何取消夜间模式阅读)

    如何取消夜间模式了(如何取消夜间模式阅读)

  • 微信少收钱怎样找人(微信少收钱怎样找回)

    微信少收钱怎样找人(微信少收钱怎样找回)

  • 苹果怎么无线充电(苹果怎么无线充电不了)

    苹果怎么无线充电(苹果怎么无线充电不了)

  • word第二行不顶格(word第二行不顶格怎么设置)

    word第二行不顶格(word第二行不顶格怎么设置)

  • 天猫超市如何免运费(天猫超市怎么免单)

    天猫超市如何免运费(天猫超市怎么免单)

  • 如何调整mac分辨率?苹果mac分辨率设置方法(mac的分辨率怎么调)

    如何调整mac分辨率?苹果mac分辨率设置方法(mac的分辨率怎么调)

  • 什么情况下要交环保税
  • 申报纳税的意思
  • 自来水适用的税率是多少
  • 增值税专用发票抵扣期限
  • 企业之间借款利息进项税可以抵扣吗
  • 发票开具就能做账了吗
  • 财务会计和预算会计是两套账吗
  • 现在的统计证还用年检吗
  • 本期实际缴费金额指的是什么
  • 个人房屋租金收入怎么交税
  • 政府性搬迁补偿收入的税务处理
  • 缴纳个税和社保
  • 进货发票未到怎么做账
  • 购进货物的价税怎么算
  • 无法读取金税盘时间版本怎么解决
  • 勾选认证的发票在哪里能查询
  • 法人一证通年费缴费
  • 银行转账取得的收据
  • 固定资产装修费用计入房产税吗
  • 收不回工程款的心情
  • 电子申报是什么
  • 利润表与所得税申报表不符
  • 中药材收购需要纳税吗
  • 销售商品收到货款20000元存入银行
  • 股东认缴和实缴的会计分录
  • 非正常损失和非正常损耗的区别
  • 工地开工购买的鞭炮怎么入账
  • 银行定期存款账户
  • win10系统如何注册dll文件
  • 设备固定资产原值
  • 广告牌费用会计分录
  • 雄性和雌性的匹配
  • 索尼体积最小的微单
  • 委托代销视同买断会计分录怎么写?
  • 火灾造成存货损失应该作为报废还是盘亏
  • 公司给员工的购房补贴
  • 水利建设基金计税依据
  • 开源项目有什么用
  • AI:DeepSpeed Chat(一款帮用户训练自己模型的工具且简单/低成本/快 RLHF 训练类ChatGPT高质量大模型)的简介、安装、使用方法之详细攻略
  • nvm 安装node
  • rmt命令 远端磁带传输协议模块
  • 金融企业贷款损失
  • 投资收益主要来源于
  • 存货跌价准备的账务处理
  • phpcms生成html
  • php用户登录注册源码
  • 换了公司个人所得税重新计算吗
  • sqlserver 进程死锁
  • 投资性房地产转固定资产账务处理
  • 营业外收入的账户有哪些
  • 计提递延所得税资产影响当期利润吗
  • 营业外收支的内容
  • 应交税费的账务处理一般纳税人
  • 计提增值税如何计算
  • 应收管理费,做应收款处理会计分录
  • 不允许抵扣进项税额的是
  • 购买理财产品现金流量表
  • 代别人公司发工资是工资薪金还是劳务报酬
  • 排污费计入管理费用吗
  • 农行网银只有一张卡吗
  • 债权人接受债务怎么处理
  • 电脑系统2003
  • windows2008 iis安装
  • linux find -perm 详解
  • Linux JDK,TOMCAT安装及环境设置
  • fpx是什么文件格式
  • win8.1系统更新
  • windows10无法识别
  • cocos2dx4.0教程
  • js+html
  • jquery滑动触发事件
  • css样式表可以兼容所有浏览器吗
  • js 和html
  • 在微信支付宝借贷会影响征信吗
  • python多线程怎么写
  • jquery显示div
  • javascript中变量的命名规则有哪些?
  • 【Android】利用Notification操作设备的通知栏
  • 江西省发票查询系统
  • 江苏省2023年1号文
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设