javascript实现web中table导出为excel

最新推荐文章于 2022-04-29 23:23:43 发布
最新推荐文章于 2022-04-29 23:23:43 发布
阅读量1.6k 收藏
点赞数
文章标签： javascript table to excel
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010403387/article/details/44674715
版权 




var tableToExcel = (function () {
        var uri = 'data:application/vnd.ms-excel;base64,'
        , template = '<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"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines></x:DisplayGridlines></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
        , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
        , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
        return function (table, name, filename) {
            if (!table.nodeType) table = document.getElementById(table)
            var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }

            document.getElementById("dlink").href = uri + base64(format(template, ctx));
            document.getElementById("dlink").download = filename;
            document.getElementById("dlink").click();

        }
    })();

    tableToExcel('table_id', 'hello',file_name);





倪舒扬
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js实现将table导出为Excel插件
06-27
JavaScript最初设计的主要目的是在浏览器中运行，以添加一些HTML无法实现的功能，如动态内容、用户交互和表单验证。 JavaScript是一种解释型语言，这意味着它不需要先编译就可以在浏览器中运行。它支持面向对象编程...
使用JS将Table数据导出到Excel里（2种方法）
满脑子代码的祝大朋博客
10-17 2016
最近开发项目，要用到在线导出Excel的功能，于是乎就在网上找了很多例子，接下来就分享两个JS在线导出Excel的案例，由于项目中用到的是Table显示的数据，所以找的案例也是根据Table导出Excel。（废话不多说，直接上代码！） 案例一： 公共调用方法： //导出Excel公共方法 var tablesToExcel = (function() { var uri = 'data...
前端开发中的字符编码详解
X-rapido的专栏
07-23 3042
前端开发过程中会接触各种各样的编码，比较常见的主要是UTF－8和HTML实体编码，但是web前端的世界却不止这两种编码，而且编码的选择也会造成一定的问题，如前后端开发过程中不同编码的兼容、多字节编码可能会造成的XSS漏洞等。因此，本文旨在更好的全面了解涉及前端开发领域的字符编码，避免可能出现的交互和开发中的忽视的漏洞。URL编码　　我曾经在URL编码解码和base64一文中讲述了URL编码中的三组函
atob方法解码中文字符
qq_45228255的博客
04-29 1703
atob方法解码中文字符
js 字符串编码与解码
Sophiego的博客
07-30 4612
编码有三种 1、escape(对应解码unescape) 定义：escape() 对字符串进行编码。 注意： 该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。 2、encodeURI(对应解码decodeURI) 定义：encodeURI() 函数可把字符串作为 URI 进...
window.btoa 和 window.atob
王鹤霖的专栏 三人行必有我师
03-28 1372
base64编码和解码 window.btoa 和 window.atob, 兼容性 兼容性IE10以上和其他浏览器都支持 。 中文编码 中文编码，window.btoa('北京')，是会抛出异常的。 那么一般先用encodeURIComponent进行base64编码，然后用decodeURIComponent进行base64解码。 借用：https://www.cnbl...
JavaScript将Web页面内容导出到Word及Excel的方法
12-29
本文实例讲述了JavaScript将Web页面内容导出到Word及Excel的方法。分享给大家供大家参考。具体实现方法如下： <HTML> <HEAD> <title>WEB页面导出为EXCEL文档的方法 </title> </HEAD&...
JavaScript导出Excel实例详解
12-01
本文实例讲述了JavaScript导出Excel的方法。分享给大家供大家参考。具体实现方法如下： 代码如下:<html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” ...
支持 Javascript / React / AngularJS / Web Components 的高级数据网格 / 数据表
06-08
* 自定义过滤就地单元格编辑记录延迟加载 * 服务器端记录操作 * 实时流更新分层数据支持和树视图 * 可定制的外观 可定制的单元格内容 类似 Excel 的透视 * 状态持久性键盘导航数据导出到 CSV 数据导出到 Excel * 行...
smart-table：表UI组件。 适用于Web组件，Angular和React
02-05
数据导出到Excel，PDF，HTML，CSV，TSV，HTML Smart.Table对所有人免费。 演示： : <智能表> | | | | | 是一个自定义HTML元素，提供了标准表（ 一部分）的替代项。 < table> < thead>
js前端导出table到excel
03-07
这是一个前端通过js导出页面的table生成并下载excel的demo
JavaScript将页面表格导出为Excel的具体实现
12-03
代码如下: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML> <HEAD> <TITLE>导出Excel</TITLE> [removed] var idTmr = “”; function killExcelProcess(appExcel_){ appExcel_.Quit(); appExcel_ = null; idTmr = window.setInterval(“Cleanup();”,1); } //导出到excel，参数tableid为JSP页面
javascript将table 生成 excel
yzy85的专栏
04-01 335
javascript将table 生成 excel 该方法需要ie启用对非安全activeX控件的启用，因此使用略有不便，其他浏览器可以正常使用
window.atob()与window.btoa()方法实现编码与解码
laiyuan999的博客
10-13 3692
首先, 为什么要编码？ 由于一些网络通讯协议的限制, 又或者是出于信息加密的目的, 我们就需要将原信息转换为 base64 编码,然后才能进行传输.例如，发送某些含有 ASCII 码表中 0 到 31 之间的控制字符的数据。 通常的方法是通过window.btoa()方法对源数据进行编码, 然后接收方使用window.atob()方法对其进行解码, 从而得到原数据. window.btoa 与 window.atob 不支持中文 但是这种方法存在的问题是:window.bto...
excel转为html table,<转>HTML中的table转为excel
weixin_27017211的博客
06-02 162
Insert title herevartableToExcel=(function() {varuri= 'data:application/vnd.ms-excel;base64,', template= '{table}', base64= function(s) {returnwindow.btoa(unescape(encodeURIComponent(s))) }, format= f...
JS将Web页面中的Table导出为Excel
weixin_30345577的博客
05-14 72
实际应用当初将数据表格导出为Excel很是常见，当然从后台数据处理后当初到Excel最为常见，但是有的时候总是显得不是很方便。 下面就是我最近用到的一个方法，当然也是从网上学习到的(表示感谢下，呵呵)，在这里想和大家分享下，希望能帮助到一些朋友 1、Web页面中不管用什么方法，不管是Asp.net中的GridView还是Ajax取数据构造，最终呈现在页面中的数据列表，基本上我想都是Table形...
html导出数据到excel,JavaScript – 将HTML表格数据导出到Excel中
weixin_29603489的博客
06-04 271
我正在尝试将HTML表转换为Excel,我已经尝试了一个JavaScript函数,它将一个简单的表转换为Excel,它工作正常.如果我有多个表,我将如何将所有表数据添加到Excel文件中.这是我试过的我创建了2个表,并给出了表索引testTable和testTable1.点击按钮,我将如何将这两个表格id传递给JavaScript函数？现在点击按钮只有第一个表导出到Excel,因为我只传递’tes...
js 调用php 导出表格,js中table数据导出excel文件
weixin_42298802的博客
03-22 152
本文主要和大家分享一些代码，主要和大家分享js中table数据导出excel文件的方法实例，希望能帮助到大家。表格转换成excel并下载(document).ready(function () {(“#myBtn”).click(function () { //点击下载按钮，执行方法CreateExcel(“myTable”,”test”);});});//将table导出到excelvar...
vue3 el-table导出为excel
最新发布
07-11
要将 Vue3 中的 el-table 导出为 Excel，你可以使用以下步骤： 1. 安装 `xlsx` 库，该库可用于生成 Excel 文件： ``` npm install xlsx --save ``` 2. 在你的组件中，引入 `xlsx` 库： ```javascript import XLSX ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值