JS代码：

  1. /**
  2.  * table数据导出到excel
  3.  * 形参 table  : tableId ;
  4.  *      sheetName : 工作薄名
  5.  *      fileName  : 文件名
  6.  *      linkId    ：隐藏的链接控件id
  7.  */
  8.  
  9. var tableToExcel = (function () {
  10.     var uri = 'data:application/vnd.ms-excel;base64,',
  11.         template =
  12.             '<html xmlns:o="urn:schemas-microsoft-com:office:office" ' +
  13.                 'xmlns:x="urn:schemas-microsoft-com:office:excel" ' +
  14.                 'xmlns="http://www.w3.org/TR/REC-html40"><head>' +
  15.                 '<!--[if gte mso 9]><xml><x:ExcelWorkbook>' +
  16.                 '<x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}' +
  17.                 '</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions>' +
  18.                 '</x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml>' +
  19.                 '<![endif]--></head><body><table>{table}</table></body></html>',
  20.         base64 = function (s) {
  21.             return window.btoa(unescape(encodeURIComponent(s)));
  22.         },
  23.         format = function (s, c) {
  24.             return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; });
  25.         }
  26.     return function (table, sheetName, fileName,linkId) {
  27.         if (!table.nodeType)
  28.             table = document.getElementById(table);
  29.         var ctx = { worksheet: sheetName || 'Worksheet', table: table.innerHTML }
  30.         var dlinkInfo = document.getElementById(linkId);
  31.         dlinkInfo.href = uri + base64(format(template, ctx));
  32.         dlinkInfo.download = fileName;
  33.         dlinkInfo.click();
  34.     }
  35. })();

使用样例：

html部分代码

  1. <div class="modal-header">
  2.                 <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
  3.                 <div class="container">
  4.                     <div class="row">
  5.                         <div class="col-md-6">
  6.                             <h4 class="modal-title" id="myModalLabel"></h4>
  7.                         </div>
  8.                         <div class="col-md-4">
  9.                             <h4 class="modal-title" id="tipMessageLabel"></h4>
  10.                         </div>
  11.                         <div class="col-md-2">
  12.                             <input type="button" onClick="exportDataToExcel()" value="导出到Excel"
  13.                                    class="btn btn-primary">
  14.                             <a id="dlink" style="display: none;"></a>
  15.                         </div>
  16.                     </div>
  17.                 </div>
  18.             </div>
  19.             <div style=" height:550px; overflow:scroll;">
  20.                 <table class="col-lg-12 table table-striped table-bordered"
  21.                        id="relatedBaseInfoTable" style="max-height: 500px"></table>
  22.  
  23.             </div>

JS代码

  1. var exeExportDataToExcel = function () {
  2.     var sheetName = $("#tipMessageLabel").html();
  3.     var fileName = $("#myModalLabel").html() + ".xls";
  4.     tableToExcel("relatedBaseInfoTable", sheetName, fileName, "dlink");
  5. }

html5中 table数据导出到excel文件的更多相关文章

  1. Qt中将QTableView中的数据导出为Excel文件

    如果你在做一个报表类的程序,可能将内容导出为Excel文件是一项必须的功能.之前使用MFC的时候我就写过一个类,用于将grid中的数据导出为Excel文件.在使用了QtSql模块后,我很容易的将这个类 ...

  2. C#将数据集DataSet中的数据导出到EXCEL文件的几种方法

    using System; using System.Collections.Generic; using System.Text; using System.Data; using System.W ...

  3. C#中dategridview数据导出为excel文件

    先从数据库中获取数据,绑定在datagridview中,再从dategridview中导出为excel文件 1.新建窗体,把控件datagridview和按钮设置好,如图

  4. vb.net-三种将datagridview数据导出为excel文件的函数

    第一种方法较慢,但是数据格式都比较好,需要引用excel的 Microsoft.Office.Interop.Excel.dll  office.dll #Region "导出excel函数 ...

  5. 数据导出至Excel文件--好库编程网http://code1.okbase.net/codefile/SerializeHelper.cs_2012122018724_118.htm

    using System; using System.IO; using System.Data; using System.Collections; using System.Data.OleDb; ...

  6. 机房收费系统——在VB中将MSHFlexGrid控件中的数据导出到Excel

    机房收费系统中,好多查询的窗体都包含同一个功能:将数据库中查询到的数据显示在MSHFlexGrid控件中,然后再把MSHFlexGrid控件中的数据导出到Excel表格中. 虽然之前做过学生信息管理系 ...

  7. 将Datagridview中的数据导出至Excel中

        首先添加一个模块ImportToExcel,并添加引用         然后导入命名空间: Imports Microsoft.Office.Interop Imports System.Da ...

  8. VB将MSHFlexGrid数据导出到Excel文件通用功能

    1.通用导出Excel功能. 2.将 MSHFlexGrid数据导出到Excel文件通用功能. 3.具体代码如下: '将下列代码保存到一模块文件中,调用方法:Export fgrid1,cd1 Pub ...

  9. 用node.js写一个简单爬虫，并将数据导出为 excel 文件

    引子 最近折腾node,最开始像无头苍蝇一样到处找资料,然而多数没什么卵用,都在瞎比比.在一阵瞎搞后,我来分享一下初步学习node的三个过程: 1 撸一遍NODE入门,对其有个基本的了解: 2 撸一遍 ...

随机推荐

  1. html js 上传图片 预览

    第一段代码是我自己修改之后能够多选显示多预览图,也就是加了个循环,后面的代码是一些解释说明之类的,抄的 <!DOCTYPE html> <html> <head> ...

  2. thinkphp mysql 坐标按距离排序

    $cha1 = new Model(); $shops = $cha1->query("select *,(2 * 6378.137* ASIN(SQRT(POW(SIN(3.1415 ...

  3. word-vba-microsoft（中英文）

    中文 https://msdn.microsoft.com/zh-cn/vba/word-vba/articles/view-displaypageboundaries-property-word 英 ...

  4. JS和CSS压缩部署，提高访问效率

    一直想把项目中的js和css压缩下,今天终于搞定了. 先说说几个注意的问题,目标影响着你对应的解决办法:1.压缩后的文件,是否要直接覆盖旧的文件2. 单个压缩文件重命名,还是整个目录换个名字,同时文件 ...

  5. 【14.06%】【hdu 5904】LCIS

    Time Limit: 4000/2000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/Others) Total Submission ...

  6. 【HDU5748】Bellovin

    Description Peter has a sequence  and he define a function on the sequence -- , where  is the length ...

  7. 转载：APP a打开b软件的附件

    Importing & Exporting Documents in iOS Posted by weimenglee - 09 Aug 2011 https://mobiforge.com/ ...

  8. 一入Python深似海--print

    先给大家来个干货^~^,学习Python的一个好站点,http://learnpythonthehardway.org/book/ 经典样例 以下是几个老经典的样例喽,刚接触Python的能够敲一敲, ...

  9. 囚徒困境、价格大战与 iPhone 的价格

    静态/动态,完全/不完全: 完全信息静态博弈: 不完全信息静态博弈: 完全信息动态博弈: 不完全信息动态博弈: 囚徒困境实际上反映了一个深刻的哲学问题:个人利益与集体利益的矛盾.个人为了自己利益的最大 ...

  10. 版本控制（1）——SVN

    一.工具下载 下载SVN: http://subversion.apache.org/ 我们选择Windows系统中的可视化的VisualSVN 如下图,左边是客户端,右边是服务器端,我们下载服务器端 ...