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

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

  • 怎样让关键词排名更加稳定?(关键词排名操作方法)

    怎样让关键词排名更加稳定?(关键词排名操作方法)

  • iqoo8pro怎么设置导航键(iQOO8pro怎么设置双系统)

    iqoo8pro怎么设置导航键(iQOO8pro怎么设置双系统)

  • 二代ipad pencil怎么充电(二代ipad pencil怎么查看电量)

    二代ipad pencil怎么充电(二代ipad pencil怎么查看电量)

  • iphone照片自动校正怎么开(苹果手机照片自动校正在哪里设置)

    iphone照片自动校正怎么开(苹果手机照片自动校正在哪里设置)

  • ipad怎么连接华为无线耳机(iPad怎么连接华为freebuds Pro)

    ipad怎么连接华为无线耳机(iPad怎么连接华为freebuds Pro)

  • os at nb代表什么(os at nb yb as y ce)

    os at nb代表什么(os at nb yb as y ce)

  • xsmax黑屏一直转圈(苹果xsmax手机黑屏一直转圈圈是什么原因)

    xsmax黑屏一直转圈(苹果xsmax手机黑屏一直转圈圈是什么原因)

  • 拼多多618活动规则(拼多多618活动力度大不大)

    拼多多618活动规则(拼多多618活动力度大不大)

  • 6sp电池容量多少毫安(苹果6sp电池最大容量)

    6sp电池容量多少毫安(苹果6sp电池最大容量)

  • qq可以同时打两个语音电话吗

    qq可以同时打两个语音电话吗

  • 换手机聊天记录可以转过去吗(换手机聊天记录还有吗)

    换手机聊天记录可以转过去吗(换手机聊天记录还有吗)

  • 快手一个手机号绑定两个怎么办(快手一个手机号能注册几个号)

    快手一个手机号绑定两个怎么办(快手一个手机号能注册几个号)

  • 支付宝单删对方知道吗(支付宝单删对方还能悄悄加回来吗)

    支付宝单删对方知道吗(支付宝单删对方还能悄悄加回来吗)

  • xr声音小怎么解决(xr声音小怎么办)

    xr声音小怎么解决(xr声音小怎么办)

  • comma是什么键(普通键盘的command在哪)

    comma是什么键(普通键盘的command在哪)

  • 62数据是什么(62数据是什么意思)

    62数据是什么(62数据是什么意思)

  • 固定到开始屏幕是什么意思(固定到开始屏幕的图标不见了)

    固定到开始屏幕是什么意思(固定到开始屏幕的图标不见了)

  • 华为旗舰机是什么系列(华为旗舰手机是)

    华为旗舰机是什么系列(华为旗舰手机是)

  • 怎么修改手机软件名称(怎么修改手机软件数据)

    怎么修改手机软件名称(怎么修改手机软件数据)

  • 手机qq怎么开情侣空间(手机qq如何开启情侣空间)

    手机qq怎么开情侣空间(手机qq如何开启情侣空间)

  • iphone7是几核(iphone7plus是几核)

    iphone7是几核(iphone7plus是几核)

  • ksa一al00是什么型号(ksaal00是华为什么型号手机)

    ksa一al00是什么型号(ksaal00是华为什么型号手机)

  • 苹果11怎么拍夜景(苹果11怎么拍夜景视频)

    苹果11怎么拍夜景(苹果11怎么拍夜景视频)

  • 苹果7怎么隐藏视频(苹果7怎么隐藏软件)

    苹果7怎么隐藏视频(苹果7怎么隐藏软件)

  • oppo语音设置在哪里(oppo语音设置在哪里设置)

    oppo语音设置在哪里(oppo语音设置在哪里设置)

  • 小米9几倍变焦(小米9多少倍数字变焦)

    小米9几倍变焦(小米9多少倍数字变焦)

  • vivos1带人脸识别吗(vivo人脸识别手机)

    vivos1带人脸识别吗(vivo人脸识别手机)

  • 浅谈2017年Linux 的五大痛点(linux1970)

    浅谈2017年Linux 的五大痛点(linux1970)

  • UNet - unet网络(program status)

    UNet - unet网络(program status)

  • css媒体查询的使用(css媒体查询不起作用)

    css媒体查询的使用(css媒体查询不起作用)

  • 所得税费用本期金额怎么算
  • 餐饮业小规模开发票开什么
  • 增值税发票丢失最新处理办法
  • 使用权资产和租赁负债的计税基础
  • 新会计准则低值易耗品属于哪个科目
  • 股权转让给个人和公司的区别
  • 零售业进销差价会计分录实例
  • 个税申报没填过租房信息,却有怎么回事
  • 劳务公司购买设备怎么做账
  • 车间管理人员工资总额占车间工资总额的10%
  • 没有对公账户的公司怎么注销
  • 出售无形资产是收入吗
  • 对公账户100万交多少税收
  • 施工企业营改增税费有哪些
  • 预缴企业所得税税率
  • 合同签订的案例
  • 基本账户代发代扣怎么操作
  • 退进项税留抵是什么意思
  • 支付法院执行款的账务处理
  • 企业的利润分配顺序
  • 广告租赁公司
  • 上个月开的发票这个月还能用吗
  • 以产品分成方式销售商品
  • 2021发票勾选认证
  • 财政票据税务局能查到吗
  • 税会差异分为哪几类
  • bios中怎么设置显卡
  • 在php中,字符串有哪些表示形式
  • 公司简易注销的公示期多长时间
  • 递延所得税资产和负债怎么理解
  • 代理业务资产的核算方法
  • 罚款支出是什么意思
  • thinkphp教程
  • 抄税清卡是一个意思吗
  • phpcms怎么样
  • 基于sqlite特殊字符转义的实现方法
  • 总分机构纳税
  • 港资企业属于什么性质
  • 生产企业购入原材料
  • 以下船舶可在公海上行驶登陆权
  • 个人开咨询费 有哪些税
  • 不反写会影响开票吗
  • 基本账户的定义
  • 土地增值税要计入税金及附加吗
  • 无追索权保理的例外
  • 出租房屋损坏赔偿
  • 水电费进项税额转出20%
  • 给员工单独买的西装会计分录
  • 股东分红算不算成本费用
  • 去年未做账的发票怎么查
  • mysql数据库主机一般填什么
  • 如何删除多余的空白表格
  • win2003加速开机
  • 让Windows Server 2008系统安全更上一层楼
  • Windows Server 2008网络中禁止迅雷下载
  • centos设置开机启动项
  • wmiex.exe是什么程序
  • win8开启快速启动
  • linux find 查找文件并重命名
  • win7系统的虚拟内存在哪里
  • win8双系统怎么切换
  • 圣诞老人现在在干嘛
  • win10隐藏图标不显示
  • cocos2dx 3.17
  • [置顶]bilinovel
  • js中如何实现数字相加
  • jQuery的ajax中使用FormData实现页面无刷新上传功能
  • java程序员练手项目
  • 什么叫真游戏
  • unity3d 游戏开发 消息通信
  • jquery easy ui
  • unity 2d ik
  • linux系统如何搜索文件内容
  • python爬虫系统
  • Android4.4 wpa_supplicant深入分析之wpa_supplicant初始化流程续
  • bootstrap layer弹框
  • js对象判断
  • js判断网页链接是否可用
  • 即征即退进项税额分摊方法
  • 武汉市江岸区工商局咨询电话
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设