<html>

<head>

    <script type="text/javascript">

        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, name) {

                if (!table.nodeType) table = document.getElementById(table)

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

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

            }

        })()

    </script>

</head>

<body>

    <h1>

        tableToExcel Demo</h1>

    <p>

        Exporting the W3C Example Table</p>

    <input type="button" onclick="tableToExcel('GridViewBoiler', 'W3C Example Table')"

        value="Export to Excel">

    <table cellspacing="0" cellpadding="4" rules="all" border="1" id="Table1" style="color: #333333;

        width: 100%; border-collapse: collapse;">

        <tbody>

            <tr style="color: White; background-color: #507CD1; font-weight: bold;">

                <th scope="col">

                    序号

                </th>

                <th scope="col">

                    参数描述

                </th>

                <th scope="col">

                    --望亭发电有限公司--#11机组--锅炉本体试验--2015-02-09 14:40:53--

                </th>

            </tr>

            <tr style="background-color: #EFF3FB;">

                <td align="center">

                    1

                </td>

                <td align="left">

                    入炉煤收到基低位发热量(KJ/Kg)

                </td>

                <td>

                    19600.0000

                </td>

            </tr>

            <tr style="background-color: White;">

                <td align="center">

                    2

                </td>

                <td align="left">

                    入炉煤收到基灰分(%)

                </td>

                <td>

                    23.6000

                </td>

            </tr>

            <tr style="background-color: #EFF3FB;">

                <td align="center">

                    3

                </td>

                <td align="left">

                    入炉煤收到基水分(%)

                </td>

                <td>

                    4.1800

                </td>

            </tr>

            <tr style="background-color: White;">

                <td align="center">

                    4

                </td>

                <td align="left">

                    入炉煤收到基碳含量(%)

                </td>

                <td>

                    57.4900

                </td>

            </tr>

            <tr style="background-color: #EFF3FB;">

                <td align="center">

                    5

                </td>

                <td align="left">

                    入炉煤收到基氢含量(%)

                </td>

                <td>

                    3.6500

                </td>

            </tr>

            <tr style="background-color: White;">

                <td align="center">

                    6

                </td>

                <td align="left">

                    入炉煤收到基氧含量(%)

                </td>

                <td>

                    9.9500

                </td>

            </tr>

            <tr style="background-color: White;">

                <td align="center">

                    20

                </td>

                <td align="left">

                    换算至设计送风温度时的排烟温度(%)

                </td>

                <td>

                    122.0239

                </td>

            </tr>

            <tr style="background-color: #EFF3FB;">

                <td align="center">

                    21

                </td>

                <td align="left">

                    修正后锅炉热效率(%)

                </td>

                <td>

                    91.2669

                </td>

            </tr>

        </tbody>

    </table>

</body>

</html>

JS导出gridview到excel的更多相关文章

  1. java代码导出数据到Excel、js导出数据到Excel(三)

     jsp内容忽略,仅写个出发按钮:          <button style="width: 100px" onclick="expertExcel()&quo ...

  2. JS导出、导入EXCEL(案例)

    插件下载地址:http://oss.sheetjs.com/js-xlsx/xlsx.full.min.js 1.导出excel <!DOCTYPE html> <html> ...

  3. JS 导出Table为excel的三种可行方法

    [html] view plain copy<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &q ...

  4. 【js】js导出表格到excel

    js: function method(tableid) //读取表格中每个单元到EXCEL中 { var curTbl = document.getElementById(tableid); var ...

  5. js导出table到excel，同时兼容FF和IE

    前台调用(第一个参数是table的id): <input value="导出" type="button" /> function toExcel( ...

  6. [转]纯js导出json到excel(支持chrome)

    转自:http://blog.csdn.net/educast/article/details/52775559 function JSONToExcelConvertor(JSONData, Fil ...

  7. js操作table表格导出数据到excel方法

    js导出excel资料很少,网上也找了很多,基本都不能用,要么只能是IE用,还必须要权限,这是非常不好的.后来到github上找到table2excel.js,虽然可以用,但仍然对IE支持不够,也算不 ...

  8. js导出excel

    function inportEx() { $("#btnEx").text("导出中..."); var fugNumber = "";/ ...

  9. js导出Excel表格

    js导出Excel表格 直接上代码: 红色部分:如果表格数据中有“1/1”这样的值,会在导出的Excel中转化为日期“1月1日”,所以才加上了红色那两句.如果返回值中没有这样的格式,红色部分可以不写. ...

随机推荐

  1. Android开发实战一 百度SDK

    一 申请百度API key 百度地图API:http://developer.baidu.com/map/ 百度地图开发者平台地址:http://developer.baidu.com/map/ .点 ...

  2. D3.js 添加zoom缩放功能后dblclick双击也会放大的问题

    svg.call(zoom).on("dblclick.zoom", null); https://stackoverflow.com/questions/25007466/d3- ...

  3. Wireless Penetration Testing(命令总结)

    1.对本书出现的无线网络涉及的命令做一总结 查看无线网卡( Create a monitor mode interface using your card as shown in the follow ...

  4. python网络爬虫笔记（五）

    一.python的类对象的继承 1.所有的父类都是object类,由于类可以起到模块的作用,因此,可以在创建实例的时候,巴西一些认为必须要绑定的属性填写上去,通过定义一个特殊的方法 __init__, ...

  5. java----Java的栈，堆，代码，静态存储区的存储顺序和位置

    转载:https://blog.csdn.net/zhangbaoanhadoop/article/details/82193497

  6. php 常用字符函数学习

    1.addcslashes 要向字符串中的特定字符添加反斜杠 <?php header('Content-type:text/html;charset=utf8'); $str='are you ...

  7. 20165328 预备作业3 Linux安装及命令

    Linux安装及学习 Linux安装遇到的问题: 问题:在我开始安装虚拟机的时候,在安装过程中总会出现初始界面,且无法跳过,陷入死循环. 解决方法:我在网上百度搜索该问题之后得到了答案,第一个界面是要 ...

  8. LOCK TABLES 和 UNLOCK TABLES

    MySQLdump的时LOCK TABLES 和 UNLOCK TABLES 在mysqldump后的数据中会发现有 LOCK TABLES tables_name WRITE;和结尾处有 UNLOC ...

  9. UEditor上传自定义文件夹

    需求:使用UEditor上传时需要知道具体到哪个章节得图片,所以得根据Session中得文件重新定义 修改Handler类: public HttpSessionState Session {get; ...

  10. es6 模板字符串

    模板字符串 提供构造字符串的语法糖,在 Prel/python 等语言中也都有类似特性. 1.反引号模板,可以换行 2.反引号模板,可以嵌套 用+``来嵌套 好处:语法更加简洁 var name=&q ...