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

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

  • 西安一码通如何查看家庭成员健康嘛(西安一码通如何切换用户)

    西安一码通如何查看家庭成员健康嘛(西安一码通如何切换用户)

  • 光驱读取速度的单位是(光驱读取速度的测试方法)

    光驱读取速度的单位是(光驱读取速度的测试方法)

  • 快手实名认证显示已被其他身份使用怎么办(快手实名认证显示已被其他账号认证怎么办)

    快手实名认证显示已被其他身份使用怎么办(快手实名认证显示已被其他账号认证怎么办)

  • 微信发送图片里的图怎么删除(微信发送图片里面的图片怎么删除)

    微信发送图片里的图怎么删除(微信发送图片里面的图片怎么删除)

  • kindlewp63gw是几代(kindle wp63gw是第几代)

    kindlewp63gw是几代(kindle wp63gw是第几代)

  • 为什么QQ群相册显示的是昵称(为什么qq群相册显示影像不存在)

    为什么QQ群相册显示的是昵称(为什么qq群相册显示影像不存在)

  • 为什么共享位置看不到对方(为什么共享位置显示未与iPhone关联)

    为什么共享位置看不到对方(为什么共享位置显示未与iPhone关联)

  • 一个手机号能申请几个微信号(一个手机号能申请两个微信吗)

    一个手机号能申请几个微信号(一个手机号能申请两个微信吗)

  • 斐讯app不能用怎么办(斐讯app无法使用)

    斐讯app不能用怎么办(斐讯app无法使用)

  • 华为畅享10plus返回键怎么设置(华为畅享10 plus返回键在哪里)

    华为畅享10plus返回键怎么设置(华为畅享10 plus返回键在哪里)

  • 小米8内置收音机吗(小米内置收音机apk提取)

    小米8内置收音机吗(小米内置收音机apk提取)

  • 微博被拉黑后还能给对方发私信吗(微博被拉黑后还能看到对方微博吗)

    微博被拉黑后还能给对方发私信吗(微博被拉黑后还能看到对方微博吗)

  • 小米开发者选项在哪里(小米开发者选项在哪里打开)

    小米开发者选项在哪里(小米开发者选项在哪里打开)

  • word怎么设置标题样式(word怎么设置标记)

    word怎么设置标题样式(word怎么设置标记)

  • 预售商品如何加入购物车(预售商品如何加入购物车一起付定金)

    预售商品如何加入购物车(预售商品如何加入购物车一起付定金)

  • 钉钉号是什么意思(钉钉是什么意思解释)

    钉钉号是什么意思(钉钉是什么意思解释)

  • 苹果xs max微信提示音怎么改(苹果xsmax微信提醒声音修改)

    苹果xs max微信提示音怎么改(苹果xsmax微信提醒声音修改)

  • 139邮箱登陆-网址、说明(139邮箱登陆入口)

    139邮箱登陆-网址、说明(139邮箱登陆入口)

  • 怎样把照片改成500k(怎样把照片改成jpg格式)

    怎样把照片改成500k(怎样把照片改成jpg格式)

  • 佳能200d怎么对焦(佳能200d使用教程)

    佳能200d怎么对焦(佳能200d使用教程)

  • 信息发不出去(信息发不出去是因为什么)

    信息发不出去(信息发不出去是因为什么)

  • 苹果xr突然黑屏开不了机怎么回事(苹果xr突然黑屏但没关机)

    苹果xr突然黑屏开不了机怎么回事(苹果xr突然黑屏但没关机)

  • OPPO手机桌面怎样设置时钟(oppo手机桌面怎么恢复原来的桌面)

    OPPO手机桌面怎样设置时钟(oppo手机桌面怎么恢复原来的桌面)

  • 华为p30pro电池容量(华为P30pro电池容量多大)

    华为p30pro电池容量(华为P30pro电池容量多大)

  • 快手如何开通直播功能(快手如何开通直播卖货功能)

    快手如何开通直播功能(快手如何开通直播卖货功能)

  • 17种Vue适用于移动端的ui框架(vue做移动端适配最佳解决方案,亲测有效)

    17种Vue适用于移动端的ui框架(vue做移动端适配最佳解决方案,亲测有效)

  • 前端开发——JavaScript的条件语句(java前端开发是做什么的)

    前端开发——JavaScript的条件语句(java前端开发是做什么的)

  • 个人所得税本期收入是扣完保险吗
  • 代收的水资源税收入是否计入企业所得税
  • 小规模的开专票怎么征税
  • 信用减值损失与坏账准备关系
  • 业务员报销差旅费会计分录怎么做
  • 无形资产计税基础怎么算
  • 验签失败的发票追不回来怎么办
  • 一般纳税人开具3%专票的条件
  • 营改增前城建税的税率
  • 企业所得税少交了被税局查到怎么处理
  • 季度不超9万
  • 暖气冷气热水的增值税适用税率是多少?
  • 银行汇票的背书转让金额
  • 公司购买茶叶应计入哪里
  • 应收账款核销会议纪要
  • 个人取得的哪些收入属于经营所得
  • 资本公积的借方和贷方各表示什么
  • 公司借银行款会计分录
  • 私账的钱怎么弄到公账
  • 税金及附加审计说明怎么写
  • 在win7系统中,添加打印机驱动程序
  • win10右键个性化打不开 没有与之关联程序
  • 债转股是好还是坏
  • 详解php比较操作过程
  • linux传输数据
  • 月末季末年末会计都需要做什么
  • 出口退税的账怎么做
  • api接口长什么样
  • php+jquery+html实现点击不刷新加载更多的实例代码
  • php和mysql的软件怎么部署
  • 房地产企业的开发成本和开发费用有什么区
  • 免税收入和免征
  • mysql建表的完整步骤
  • 加工企业的税怎么算
  • 异地多缴纳预缴税怎么退
  • 信用证保证金有利息吗
  • 新准则下交易性金融债券
  • 外购产品用于职工福利企业所得税视作销售吗
  • 企业做账的流程图
  • 企业流动资产周转率低说明什么
  • 现金流量明细表怎么看
  • 公司收到财政局奖励怎么记账
  • 应收账款增值税专用发票
  • 政府补贴专项资金补贴开发票
  • 土地增值税的预缴
  • 交通运输行业指什么
  • 短期借款明细账采用什么格式
  • 预收账款占销售收入比例预警值为比例大于
  • mysql 5.7.17 64bit安装配置方法图文教程
  • 微软2016是window多少
  • win10右键菜单怎么设置
  • 注册表禁止windows自动更新
  • pe explorer
  • vtpwsr
  • 苹pp助手
  • DWHeartbeatMonitor.exe进程是什么意思 DWHeartbeatMonitor是安全的进程吗
  • 在局域网内,什么可进行网络资料的共享
  • linux系统文件系统只读
  • 勒索病毒一般勒索多少钱
  • 电脑安装win8
  • win8上不了网
  • cocos2dx 教程
  • 老生常谈的近义词
  • z-blog SyntaxHighlighter 长代码无法换行解决办法(基于jquery)
  • div如何排版
  • 图形学题目
  • 如何使用jquery插件
  • linux中mysql备份shell脚本代码
  • jQuery中trigger()与bind()用法分析
  • jQuery插件开发
  • shell脚本输出空格
  • 每天一篇文章锻炼口才的文章
  • 如何安装python环境安装包
  • android常见问题及解决方法
  • 江苏国家税务机关电话
  • 小规模纳税人怎么申报纳税
  • 增值税进项税额抵扣凭证
  • 福建闽江人才服务中心可靠吗
  • 个人所得税工资达到多少才交税
  • 中国税务局发票
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设