<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. day10 函数

    函数基础 函数概念 为什么用函数 什么是函数 定义函数 调用函数 返回值详解上节回顾 文件处理 修改文件 1.读取要修改文件内容 read可能导致内存溢出 赋值给变量 修改 将修改后的内容重新写入文件 ...

  2. servlet 乱码解决方法

    一. servlet 发送的html 页面中文乱码 解决方法, 1.加入如下代码 response.setCharacterEncoding("UTF-8"); 2.在html页面 ...

  3. Android手机流量分析工具介绍

    一.20 Best Android Hacking Apps And Tools Of 2018 首先罗列常见的Android手机hacking的工具 #1The Android Network Ha ...

  4. vue 在.vue文件里监听路由

    监听路由  watch   $route vue项目中的App.vue 文件 <template> <div id="app"> <!--includ ...

  5. 在vue项目中使用axios发送FormData

    这个是axios的中文文档,挺详细的: https://www.kancloud.cn/luponu/axios/873153 文档中的    使用 application/x-www-form-ur ...

  6. python2.7 (x64) 调用 java 代码实践

    背景:公司实施接口自动化测试,使用的框架python+unittest:因为开发使用的架构师SpringBoot,在测试过程中难免需要使用到python调用JAVA的一些接口,所以需要用到python ...

  7. tomcat和server安装和操作

    servers的创建 最后一步:ctrl+s

  8. 【C++ Primer | 08】IO库

    IO类 C++的输入输出分为三种: (1)基于控制台的I/O (2)基于文件的I/O (3)基于字符串的I/O istringstream类 描述:从流中提取数据,支持 >> 操作 这里字 ...

  9. Spark的Streaming和Spark的SQL简单入门学习

    1.Spark Streaming是什么? a.Spark Streaming是什么? Spark Streaming类似于Apache Storm,用于流式数据的处理.根据其官方文档介绍,Spark ...

  10. Codeforces Round #506 (Div. 3)

    题解: div3水的没有什么意思 abc就不说了 d题比较显然的就是用hash 但是不能直接搞 所以我们要枚举他后面那个数的位数 然后用map判断就可以了 刚开始没搞清楚数据范围写了快速乘竟然被hac ...