如何将多个 html 表格导出到 Excel?

2024-04-08

我有一个包含 3 个表的网页,我想将所有 3 个表导出到同一个 Excel 文件。我希望每个表都在自己的工作表中,但将它们全部放在同一张工作表上也可以。经过一番谷歌搜索后,我所看到的只是将一张表导出到一张 Excel 工作表中。


var tablesToExcel = (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>'
    , templateend = '</x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head>'
    , body = '<body>'
    , tablevar = '<table>{table'
    , tablevarend = '}</table>'
    , bodyend = '</body></html>'
    , worksheet = '<x:ExcelWorksheet><x:Name>'
    , worksheetend = '</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet>'
    , worksheetvar = '{worksheet'
    , worksheetvarend = '}'
    , base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
    , format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
    , wstemplate = ''
    , tabletemplate = '';

    return function (table, name, filename) {
        var tables = table;

        for (var i = 0; i < tables.length; ++i) {
            wstemplate += worksheet + worksheetvar + i + worksheetvarend + worksheetend;
            tabletemplate += tablevar + i + tablevarend;
        }

        var allTemplate = template + wstemplate + templateend;
        var allWorksheet = body + tabletemplate + bodyend;
        var allOfIt = allTemplate + allWorksheet;

        var ctx = {};
        for (var j = 0; j < tables.length; ++j) {
            ctx['worksheet' + j] = name[j];
        }

        for (var k = 0; k < tables.length; ++k) {
            var exceltable;
            if (!tables[k].nodeType) exceltable = document.getElementById(tables[k]);
            ctx['table' + k] = exceltable.innerHTML;
        }

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

        window.location.href = uri + base64(format(allOfIt, ctx));

    }
})();

和 HTML

<html>
    <head>
        <title>JS to Excel</title>

    </head>
    <body>
        <table id="1">
            <tr><td>Hi</td></tr>
            <tr><td>Hey</td></tr>
            <tr><td>Hello</td></tr>
        </table>
        <table id="2">
            <tr><td>Night</td></tr>
            <tr><td>Evening</td></tr>
            <tr><td>Nite</td></tr>
        </table>

        <a id="dlink"  style="display:none;"></a>
        <input type="button" onclick="tablesToExcel(['1', '2'], ['first', 'second'], 'myfile.xls')" value="Export to Excel">
        <script src="~/Views/JS/JSExcel.js" type="text/javascript"></script>
    </body>
</html>

注意:这在 IE 上不起作用(“数据太小”错误),在 Firefox 上,两个表都放在同一张纸上。

也归功于这个线程 -HTML 表格到 Excel Javascript https://stackoverflow.com/questions/17126453/html-table-to-excel-javascript

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将多个 html 表格导出到 Excel? 的相关文章

  • 使用 jquery 更改锚文本和图标

    我有一个隐藏或显示 div 的锚标记 但我无法更改它的文本和图标 如何更改文本和图标标签 因为目前它将图标标签解析为常规文本 锚标记 a class collapse info btn i class icon arrow up icon
  • 在each() 和forEach() 中使用break 和 continue

    如果我们不能使用 break 和 continue 关键字 我不确定我是否理解函数式循环 映射的价值 我可以做这个 collections users models forEach function item index can t use
  • Google 地图 Javascript v3 折线点击事件

    我正在尝试显示一张地图 其中有多条路线布置为折线 单击多段线时 我想显示特定于该线的数据 将数据与线关联不是问题 但无论单击哪条线 显示的数据都会与最近绘制的线关联 就好像每条新折线都会覆盖最后一条线一样 我有一个数据库 其中包含 gpx
  • 如何获取 Spotify API 的访问令牌?

    我已经研究 Spotify api 和示例源代码几天了 但我仍然不知道如何获取访问令牌来访问用户的播放列表数据 我已经到达了拉起登录窗口 用户登录 然后收到授权码的地步 此时 我尝试做这样的事情 window open https acco
  • JavaScript/jQuery - “$ 未定义 - $function()”错误

    我正在尝试运行 JavaScript jQuery 函数并且Firebug http en wikipedia org wiki Firebug 28software 29得到错误 is not defined function JavaS
  • Flask 和 Reactjs 抛出 JSX 转换错误

    我已经开始将 ReactJS 与 Python Flask 后端结合使用 通过 Flask 渲染模板时 我在 Chrome 控制台中收到以下客户端错误 错误 找不到模块 jstransform visitors es6 templates
  • VBA 中的求和函数

    我在 vba 中对单元格求和时遇到问题 我需要使用单元格 a b Range A1 function SUM Range Cells 2 1 Cells 3 2 但它不起作用 函数不是范围内的属性 方法 如果您想对值求和 请使用以下命令 R
  • Firefox 上的 jquery 焦点未设置

    我想将焦点设置到我的文本区域 以下是我的代码 this textInput val show focus 但它不起作用 实际上 当我按下鼠标按钮时 它会出现 但是当我松开鼠标时 它会从文本区域中删除 因此 经过大量搜索后 我发现 setTi
  • CreateJs Canvas 形状在 Windows Phone 上丢失坐标

    我正在制作一个 Createjs 和 html5 项目 在其中绘制一个形状 红色圆圈 当我单击圆圈时它会发出警报 它在所有台式机和 Android 手机上都能正常工作 除非我在 Windows Phone 中打开它 否则它在普通屏幕上工作正
  • iPhone 上的全屏视频播放器是否有“onClose”事件?

    我在网站上使用 html5 视频播放器 当用户开始播放时 播放器进入全屏模式并播放视频 视频结束后 我看到ended事件并通过关闭视频播放器myvideo webkitExitFullScreen 现在 当玩家实际获得时我需要另一个事件cl
  • FullCalendar:如何重新创建/重新初始化 FullCalendar 或批量添加多个事件

    我正在尝试将新事件批量添加到日历中 但未能找到方便的使用方法 所以我决定用新的事件数组重新初始化视图 所以我尝试了以下方法 var events title Event start new Date y m d 10 description
  • jQuery 模板插件:如何创建双向绑定?

    我开始使用 jQuery 模板插件 微软创建的 但现在我面临这个问题 模板用于绑定到对象数组的一堆表单 当我更改其中一个表单上的某些内容时 我希望更新绑定的对象 但我不知道如何自动执行该操作 这是一个简单的例子 现实生活中的模板和对象要复杂
  • IE9 中的无效字符 DOM 异常

    以下这段 JS 曾经在 IE8 中工作 现在在 IE9 中失败 document createElement 我收到以下异常 SCRIPT5022 DOM 异常 INVALID CHARACTER ERR 5 上面这段代码是不是不符合标准呢
  • 为什么我从 c# 到 js 得到不同的 MD5 哈希值?

    我有一个用于加密密码的 C 函数 System Security Cryptography MD5CryptoServiceProvider md5Provider new System Security Cryptography MD5C
  • 除非打开开发人员工具,否则 IE8 Javascript 无法运行?

    由于某种原因 在 IE8 中 除非我在打开开发工具的情况下重新加载页面 否则 javascript 不会运行 我关闭开发人员工具并重新加载页面 然后 javascript 停止工作 我没有收到任何错误报告 无论如何它们也没有任何用处 还有其
  • 检测 html 选择框上的编程更改

    有没有办法让 HTML 选择元素在每次以编程方式更改其选择时调用函数 当使用 JavaScript 修改选择框中的当前选择时 IE 和 FF 都不会触发 onchange 此外 更改选择的 js 函数是框架的一部分 因此我无法更改它以在结束
  • javascript从字符串创建不区分大小写的正则表达式

    我试图通过以不区分大小写的方式将输入与正则表达式匹配来进行验证 正则表达式作为对象上的字符串从服务中下来 我可能会得到类似的东西 regex ane 我可以执行以下操作 var rx new RegExp object regex The
  • 如何更改数据表中标题单元格的内容?

    我正在使用数据表 http datatables net plugin 在我的可排序列上 我想用按钮替换列文本 但是这样做 oSettings aoColumns i nTh text 我可以检索相应列的文本 但是 oSettings ao
  • 文件和目录条目 API 在 Chrome 中损坏?

    我正在尝试使用文件和目录条目 API 创建一个文件上传器工具 该工具允许我将文件和目录的任意组合放入浏览器窗口中 以供读取和上传 我完全意识到 可以通过使用文件输入元素来实现类似的功能webkitdirectory已启用 但我正在测试一个用
  • 尽管 getBoundingClientRect() 是假的,但如何将事件坐标转换为 SVG 坐标?

    我正在尝试根据鼠标的位置在 SVG 元素上动态绘制内容 不幸的是 我很难将 mousemove 事件中的鼠标坐标转换为 SVG 元素的坐标空间 这是我一直在测试的一个有缺陷的函数 CylinderDemo prototype handleM

随机推荐

  • 根据值列表重复每个元素

    是否有一个Python内置函数可以根据另一个列表中的相应值重复列表中的每个元素 例如A在列表中x由于值的原因 位置 0 重复了 2 次2位于列表中的位置 0y gt gt gt x A B C gt gt gt y 2 1 3 gt gt
  • 具有不等式条件的合并连接算法

    我读到 Oracle 支持带有不等式连接谓词的合并连接 是否有在线参考用于实现此类连接的算法 如果有人知道该怎么做 你能回答吗 This http docs oracle com cd E16655 01 server 121 e15858
  • 编写和完善 CSV 解析器

    作为最近项目的一部分 我必须从 CSV 文件中读取和写入 然后将其放入 C 中的网格视图中 最后决定使用现成的解析器来为我完成这项工作 因为我喜欢做这类事情 所以我想知道如何自己写 到目前为止 我所能做的就是 Read the header
  • 如何检测属于 gsm/3g-modem 的 tty 是数据端口还是控制端口?

    我目前正在为 Linux 路由器编写一个小工具 当我将适当的调制解调器插入其 USB 端口时 该工具会建立 wwan gsm 3g 连接 当设备插入时 会注册多个 tty 我当前维护一个制造商和设备的列表 以及它们注册的 tty 中的哪个是
  • WinForms 中如何处理不可见控件的绘制?

    我正在尝试覆盖OnPaintwindows窗体中的事件 NET 紧凑框架 到目前为止 我已经能够使用渐变 圆角矩形等来绘制控件 而这通常是常规控件无法实现的 但是 当我想让控件不可见时 我遇到了问题 现在 我所做的就是重新绘制除那些不可见控
  • 为什么在签出 git 远程分支窗口时出现“无法创建目录”?

    我在 Windows 10 64 位上使用 git 版本 2 10 2 windows 1 在 MACOS 上 我们将两个分支合并到一个现有分支中 合并后分支包含一个folder with a 末尾有空白 Jadise 我根据 Bitbuc
  • Memcache密钥生成策略

    给定函数f1它接收 n 个字符串参数 就运行时性能而言 什么被认为更好 memcache 的随机密钥生成策略 我们的 Memcache 客户端对其获取的密钥进行内部 md5sum 哈希处理 public class MemcacheClie
  • “EXC_BAD_ACCESS:无法恢复先前选择的帧”错误,数组大小?

    我有一个算法来创建埃拉托斯特尼筛并从中提取素数 它允许您输入筛子的最大值 算法会为您提供低于该值的素数并将它们存储在 c 样式数组中 问题 值高达 500 000 时一切正常 但是当我在运行时输入一个大值时 它会在 xcode 中给出以下错
  • Java中如何获取变量名? [复制]

    这个问题在这里已经有答案了 可能的重复 Java反射 如何获取变量的名称 https stackoverflow com questions 744226 java reflection how to get the name of a v
  • 设计模式作为(缺失的)语言功能

    有时人们将设计模式称为缺少的编程语言功能 为了避免关于什么是设计模式的争论 假设我们只考虑原始的 GoF 模式 例如 单例模式在 Scala 中消失了 Scala 使用关键字支持单例对象object 关于这方面的资源很少 特别是设计模式是否
  • 如何使用maven shade插件向jar添加资源

    我的项目结构在 src main 文件夹内有 resources 文件夹 resources 文件夹包含文件server properties 我的pom如下
  • JavaFX 的奇怪 Gluon 项目结构 - Android 移植

    用于将 JavaFX 移植到 Android 的 Gluon 插件 在 Netbeans 8 0 2 中 的 gradle 构建创建了以下目录结构 源码包 Java Android Java 包 桌面 Java 包 iOS Java 包 每
  • 使用 JOLT 转换具有嵌套数组对象的对象数组

    我想将以下输入 JSON 转换为输出 JSON 格式 输入 JSON orderNumber 201904 000000001 items itemPrice 40000 itemQuantity 11 item external id I
  • Oracle 是否有官方文档说我们不应该在新项目中使用 java.util.Date

    我正在公司用 Java 8 编写新项目 我建议使用 Java 8 日期时间 API 但我的一位同事说新的日期时间 API 运行缓慢 这是真的吗 另外我想从 Oracle 获得一些官方文档 其中会提到你不应该使用java util Date在
  • 如何使用 Wt 启动并运行 Restful API

    我有一个基于网络上的教程运行的 Wt 应用程序 我想知道是否有一种优雅的方式使用 Wt 添加一些 Restful API 功能 我有一些可以从当前应用程序公开的资源 但我不想实施任何补丁 如果有人知道如何做到这一点 或者甚至建议一些可以使开
  • PHP:is_file() 和 file_exists() 对同一文件返回不同的结果

    我遇到 file exists 返回 false 而 is file 返回 true 的问题 echo getmygid gid n 501 echo getmyuid uid n 501 echo posix getgid pgid n
  • MySQL 从 3 个表中提取数据 - 连接和最大值

    我有三个 mysql 表 我想从中提取一些信息 这些表是 视频 表示带有分数的视频 标签 包含全局标签列表 VideoTags 在视频和标签之间创建关联 我想要做的是找到每个标签得分最高的视频 有很多具有相同标签的视频 但我的结果集将包含
  • SwiftUI 覆盖阻止列表滚动事件

    我想在 SwiftUI 中的列表顶部放置一个半透明图像叠加层 我试过这样的代码 struct ContentView View var body some View List Text first Text second Text thir
  • Swift 中的无符号字符

    在 Obj C 中 此代码用于将 NSData 转换为 unsigned char unsigned char dataToSentToPrinter unsigned char malloc commandSize 在 Swift 中 u
  • 如何将多个 html 表格导出到 Excel?

    我有一个包含 3 个表的网页 我想将所有 3 个表导出到同一个 Excel 文件 我希望每个表都在自己的工作表中 但将它们全部放在同一张工作表上也可以 经过一番谷歌搜索后 我所看到的只是将一张表导出到一张 Excel 工作表中 var ta