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

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

  • 长租公寓 税费
  • 什么是销项税额抵减
  • 小微企业年度所得税优惠政策
  • 青岛山公寓二手房出售
  • 银行内部利息支出
  • 去年的成本如何调整汇算清缴额
  • 个税申报导入上月数据
  • 网上认证勾选平台登录不成功
  • 增值税专用发票和普通发票的区别
  • 开具红字增值税专用发票的条件
  • 高新技术企业预审要求
  • 加工样品全流程总结
  • 车间领用周转材料会计分录怎么写
  • 通用机打发票可以抵扣税吗
  • 入库前的挑选整理费用计入采购成本吗
  • 营改增的优惠政策
  • 国税发200931号文解读
  • 可以对开发票吗
  • 主营业务税金及附加大概比例
  • 税务局开具无违规证明
  • 小微企业免征增值税优惠
  • 增值税税率如何计算
  • 品牌店设计费入什么费用
  • 建筑业一般纳税人简易计税和一般计税
  • 混合销售行为的名词解释
  • 小规模差旅费分录
  • win10j截图
  • 怎样知道自己是否贫血
  • 进入英雄联盟显示超频怎么办
  • hbuilder打包apk
  • 预缴增值税会产生滞纳金吗
  • php 替换
  • win11任务管理器怎样调出
  • 503错误的原因和解决方法
  • php 字符串 数组
  • 最小的的照片
  • 票据贴现业务如何核算
  • 期间费用为何要摊销
  • 固定资产付款流程
  • 增值税检查调整科目还在用吗
  • 发财树怎么修剪枝叶视频教程
  • pytorch model.module
  • 工业厂房修缮工程需要报建吗
  • yii框架入门
  • php模拟post提交
  • googlelabs
  • 网络购发票怎么读入
  • 房产税计入管理费用还是营业税金及附加
  • 织梦怎么改文字
  • 研发人员具备的条件
  • 开票服务名称可以自己添加吗
  • 汽车车票增值税税率
  • linux mysql 找回密码
  • 房地产开发企业资质证书
  • 应交税费科目的核算内容
  • 单位外币卡账户的资金应从其单位的外汇账户转账存入
  • 季节性生产企业有哪些
  • 公司担保无效的后果
  • 长期待摊费用每个月摊销多少
  • 支付大型设备税率是多少
  • 信用减值损失6702
  • 购买商品发生的费用计入
  • 工程物资盘盈为什么冲减在建工程
  • 会计错账的更正方法及适用范围
  • 购物车功能实现思路
  • windows vista(service pack1)
  • 微软软件怎么用
  • windowsserver2008r2standard激活
  • 如何查看电脑端口号
  • ubuntu系统怎么用
  • win8系统触摸板按键不能用
  • opengl环境光
  • exit(1)和return的区别
  • linux rsync同步命令(值得收藏)
  • javascript scrollTop正解使用方法
  • 各种常用的js函数有哪些
  • Please ensure that adb is correctly located at 'D:Androidandroid-sdkplatform-toolsadb.exe' and
  • python中csv怎么用
  • javascript project
  • 加工销售如何做账
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设