<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. SpringBoot实现异步

    1.创建AsyncTest类 package com.cppdy.service; import org.springframework.scheduling.annotation.Async; im ...

  2. Zookeeper的Watcher 机制的实现原理

    基于 Java API 初探 zookeeper 的使用: 先来简单看一下API的使用: public class ConnectionDemo { public static void main(S ...

  3. 获取表单内的所有元素的值 表单格式化插件jquery.serializeJSON

    简单描述:一个form表单里有十几个input或者select,要获取到他们的值,我的做法一直都是$("#id").val();这样做本来没什么说的,但是如果有很多呢,就很麻烦,看 ...

  4. 【linux】环境变量配置

    假设要添加环境变量 JAVA_HOME 1.先用自己的个人账号 vim /etc/profile 在文件末尾添加 export JAVA_HOME=/usr/java/jdk1..0_144 2. s ...

  5. echarts + timeline 显示多个options

    var option = { //timeline基本配置都写在baseoption 中 baseOption: { timeline: { //loop: false, axisType: 'cat ...

  6. 火狐浏览器无故卡死，未响应或者占大量cpu资源解决方案

    这是火狐社区的文章,对火狐浏览器无故卡死,未响应或者占大量cpu资源有详细的说明和解决,记录下!!! ++++++++++++++++++++++++++++++++ Firefox 挂起 如果您的 ...

  7. 步步為營-95-MyMVC 1.0

    說明:通過自己編寫MyMVC以便於對MVC內容實現機制有更深刻的認識 1.1:創建MyMVC項目,刪除無關引用,只保留system 和 system.web.同時該項目中以後添加一些文件后也要刪除無關 ...

  8. 完美解决gradle下载慢的问题

    修改项目根目录下的文件 build.gradle ,使用国内阿里云镜像仓库地址. buildscript { repositories { maven{ url 'http://maven.aliyu ...

  9. Angularjs 学习笔记-2017-02-05-初识Angular及app、model、controller、repeat指令和fileter、orderBy

    ng-app   定义作用域,从作用域处开始执行ng命令指令 ng-model 数据绑定字符,用于双向数据绑定 ng-controller ng控制台,定义function name($scope)来 ...

  10. kickstart-G

    感觉自己很蠢,large数据只能交一次,忘记这回事了 A题 O(n^2)解法,用vector<set> 缓存j后面的数据,减少一重循环 #include <string> #i ...