<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. 三.linux磁盘与文件系统

    第一层 机械硬盘 和 固态硬盘 结构 接口 机械硬盘stat.sas 固态pci-e .nvme也叫m2 硬盘的选择 磁盘内部组成 计算硬盘的大小 命令 fdisk  -l 显示下面信息 大小=扇区大 ...

  2. LeetCode（100）：相同的树

    Easy! 题目描述: 给定两个二叉树,编写一个函数来检验它们是否相同. 如果两个树在结构上相同,并且节点具有相同的值,则认为它们是相同的. 示例 1: 输入: 1 1 / \ / \ 2 3 2 3 ...

  3. LeetCode（77）：组合

    Medium! 题目描述: 给定两个整数 n 和 k,返回 1 ... n 中所有可能的 k 个数的组合. 示例: 输入: n = 4, k = 2 输出: [ [2,4], [3,4], [2,3] ...

  4. jsp 监听器

    Servlet API提供了一系列的事件和事件监听接口. 上层的servlet/JSP应用能够通过调用这些API进行事件 驱动的开发.这里监听的所有事件都继承自 java.util.Event对象.监 ...

  5. bzoj 1042

    典型的背包+容斥 首先,考虑如果没有个数的限制,那么就是一个完全背包,所以先跑一个完全背包,求出没有个数限制的方案数即可 接下来,如果有个数的限制,那么我们就要利用一些容斥的思想:没有1个超过限制的方 ...

  6. IDEA项目找不到浏览器报错的情况

    调tomcat的时候,它会调用浏览器,浏览器关联如果有问题,肯定是会报错的  要是测试的时候,就是浏览器的问题,重新把浏览器装一遍让他自己重新关联一下应该就行了

  7. epoll（二）

    epoll概念 epoll对文件描述符的操作方式有两种工作模式:LT模式(Level Trigger,水平触发) 和ET模式(Edge Trigger,边缘触发). LT模式:当epoll_wait检 ...

  8. 根据现有的XML文件生成其对应的实体类

    方法如下: 1.将完整的Xml文本复制一下, 2.在vs2013(或以上版本) .net4.5项目下建立一个类文件, 3.依次选择菜单:编辑->选择性粘贴->将XML粘贴为类.

  9. MySQL Windows 下的安装

    my.ini ####################配置文件开始################### # For advice on how to change settings please s ...

  10. 树递归写法ref实现

    using System; using System.Collections.Generic; using System.Linq; namespace ConsoleAppTest { class ...