JS代码：

/**

 * table数据导出到excel

 * 形参 table  : tableId ;

 *      sheetName : 工作薄名

 *      fileName  : 文件名

 *      linkId    ：隐藏的链接控件id

 */

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: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, sheetName, fileName,linkId) {

        if (!table.nodeType)

            table = document.getElementById(table);

        var ctx = { worksheet: sheetName || 'Worksheet', table: table.innerHTML }

        var dlinkInfo = document.getElementById(linkId);

        dlinkInfo.href = uri + base64(format(template, ctx));

        dlinkInfo.download = fileName;

        dlinkInfo.click();

    }

})();

使用样例：

html部分代码

<div class="modal-header">

                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>

                <div class="container">

                    <div class="row">

                        <div class="col-md-6">

                            <h4 class="modal-title" id="myModalLabel"></h4>

                        </div>

                        <div class="col-md-4">

                            <h4 class="modal-title" id="tipMessageLabel"></h4>

                        </div>

                        <div class="col-md-2">

                            <input type="button" onClick="exportDataToExcel()" value="导出到Excel"

                                   class="btn btn-primary">

                            <a id="dlink" style="display: none;"></a>

                        </div>

                    </div>

                </div>

            </div>

            <div style=" height:550px; overflow:scroll;">

                <table class="col-lg-12 table table-striped table-bordered"

                       id="relatedBaseInfoTable" style="max-height: 500px"></table>

            </div>

JS代码

var exeExportDataToExcel = function () {

    var sheetName = $("#tipMessageLabel").html();

    var fileName = $("#myModalLabel").html() + ".xls";

    tableToExcel("relatedBaseInfoTable", sheetName, fileName, "dlink");

}

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. css3 border img 边框图片

    摘自http://www.html-js.com/article/CSS3-tutorial-css3borderimage-frame-image-Xiangjie-on border-image摘 ...

  2. Drupal 7 模块开发 建立模块帮助信息（hook_help）

    建立模块请參考 <Drupal 7 模块开发 建立> 假设你要支持中文,文件格式必须保存为 UTF-8.NO BOM ------------------------------ hook ...

  3. Thinking in UML 学习笔记（二）——UML核心视图之用例图

    在UML中,需求模型又称为用例模型,它主要用于描述系统的功能性需求,即软件可以实现的功能,如登录.注册.入库.出库.查看库存报表.增加员工信息等.常规的用例建模一般包括两个组成部分:绘制用例图和编写用 ...

  4. 以Graphicslayer为管理组来管理Element.

    转自原文 以Graphicslayer为管理组来管理Element. 前言 在AE开发过程中,我们经常使用Element(元素).它的出现让地图与用户之间的交互增加了不少的效果.在地图上,可以通过各种 ...

  5. Go语言版黑白棋

    1.游戏说明 2.无边框窗口实现 3.背景图.最小化.关闭窗口 4.界面其它设计 5.黑白子提示闪烁效果 6.落子 7.初始化棋子.改变角色 8.倒计时 9.吃子 10.棋子个数统计.胜负判断 11. ...

  6. 最新国内外可用SVN托管仓库有哪些

    最新国内外可用SVN托管仓库哪些 一.总结 一句话总结:用SVNBucket和SourceForge 二.最新国内外可用SVN托管仓库推荐 这几年很多SVN托管平台都基本不维护或者直接关闭了,我翻遍了 ...

  7. Thinkphp5 Auth权限认证

    Thinkphp5 Auth权限认证 一.总结 一句话总结:四表两组关系,一个多对多(权限和用户组之间),一个一对多(用户和用户组之间) 二.Thinkphp5 Auth权限认证 auth类在thin ...

  8. style.height、offsetHeight、clientHeight、scrollHeight的差别

    style.height 包含元素的滚动栏,不包含边框 clientHeight 不包含元素的滚动栏和边框 offsetHeight 包含元素的滚动栏和边框 scrollHeight offsetHe ...

  9. 卷积神经网络Lenet-5实现

    卷积神经网络Lenet-5实现 原文地址:http://blog.csdn.net/hjimce/article/details/47323463 作者:hjimce 卷积神经网络算法是n年前就有的算 ...

  10. [Typescript 2] Nullable Types - Avoiding null and undefined Bugs

    For example you have a TS app: enum PaylerPosition { Guard, Forward, Center } interface Player { nam ...