ExcelTable.js

 /*

  * author:wenluanlai

  */

 (function ($) {

    Date.prototype.Format = function (fmt) {

       var o = {

          "M+": this.getMonth() + 1, //月份

          "d+": this.getDate(), //日

          "h+": this.getHours(), //小时

          "m+": this.getMinutes(), //分

          "s+": this.getSeconds(), //秒

          "q+": Math.floor((this.getMonth() + 3) / 3), //季度

          "S": this.getMilliseconds() //毫秒

       };

       if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));

       for (var k in o)

          if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));

       return fmt;

    }        

    $.fn.ExportExcel = function (tab_id, options) {

       var defaults = {

          height: '24px',

          'line-height': '24px',

          margin: '0 5px',

          padding: '0 11px',

          color: '#000',

          background: '#02bafa',

          border: '1px #26bbdb solid',

          'border-radius': '3px',

          /*color: #fff;*/

          display: 'inline-block',

          'text-decoration': 'none',

          'font-size': '12px',

          outline: 'none',

          cursor: 'pointer'

       }

       var options = $.extend(defaults, options);

       return this.each(function () {

          var currentObject = $(this); //获取当前对象

          currentObject.css(defaults);

          currentObject.onmouseover = function () {

             $(this).css('cursor', 'hand');

          };

          currentObject.click(function () {

             //From:jsfiddle.net/h42y4ke2/16/

             var tab_text = '<html xmlns:x="urn:schemas-microsoft-com:office:excel">';

             tab_text = tab_text + '<head><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet>';

             tab_text = tab_text + '<x:Name>Test Sheet</x:Name>';

             tab_text = tab_text + '<x:WorksheetOptions><x:Panes></x:Panes></x:WorksheetOptions></x:ExcelWorksheet>';

             tab_text = tab_text + '</x:ExcelWorksheets></x:ExcelWorkbook></xml></head><body>';

             tab_text = tab_text + "<table border='1px'>";

             tab_text = tab_text + $('#' + tab_id).html();

             tab_text = tab_text + '</table></body></html>';

             var data_type = 'data:application/vnd.ms-excel';

             var timeStr = new Date().Format('yyyyMMddhhmmss');

             $(this).attr('href', data_type + ', ' + encodeURIComponent(tab_text));

             $(this).attr('download', '数据报表' + timeStr + '.xls');

          });

       })

    }

 })(jQuery);

非常便捷的一种excel导出插件，不用配置复杂的参数。

js调用

 <script type="text/javascript">

    $(function () {

       $('#downloadExcel').ExportExcel('table_a');  //table_a为table的id,downloadEcecl为a标签。

    })

 </script>

jsexcel导出插件的更多相关文章

  1. 引擎设计跟踪(九.14.2a) 导出插件问题修复和 Tangent Space 裂缝修复

    由于工作很忙, 近半年的业余时间没空搞了, 不过工作马上忙完了, 趁十一有时间修了一些小问题. 这次更新跟骨骼动画无关, 修复了一个之前的, 关于tangent space裂缝的问题: 引擎设计跟踪( ...

  2. 万圣节福利：红孩儿3D引擎开发课程《3ds max导出插件初步》

    ds max文件夹,插件文件夹以及3ds max的可执行程序文件夹: 位的,这里要改成x64,否则启动程序后3ds max会提示"不是有效的win32程序"之类的对话框. 然后要将 ...

  3. Eclipse导出插件工程

    一.Feature Projecties工程设置 1. 新建一个Feature Projecties 2. 选择我们的插件工程,finish 3. 在目录下新建一个Category definitio ...

  4. eclipse plugin 导出插件包

    当我们的插件在完成一个阶段性开发的时候,我们要发布一个1.0的版本.这个时候会碰到一个问题.如何把我们的插件打成包?有多种途径,下面具体讨论一下. 首先从插件完成到被他人(或者我们自己)使用有两个步骤 ...

  5. Excel导出插件

    前言 一个游戏通常需要10多个Excel表格或者更多来配置,一般会通过导出csv格式读取配置. 本文提供导出Excel直接生成c#文件,对应数据直接生成结构体和数组,方便开发排错和简化重复写每个表格的 ...

  6. Excel导出插件-VSTO

    前言 一个游戏通常需要10多个Excel表格或者更多来配置,一般会通过导出csv格式读取配置. 本文提供导出Excel直接生成c#文件,对应数据直接生成结构体和数组,方便开发排错和简化重复写每个表格的 ...

  7. laravel 导出插件

    转发:https://blog.csdn.net/gu_wen_jie/article/details/79296470 版本:laravel5 php 5.6 安装步骤: 一.安装插件 ①.首先在L ...

  8. 我认为我可以去尝试做一下Maya Ue4导出插件

    Begin Map Begin Level Begin Actor class="StaticMeshActor" Name=Floor Archetype=StaticMeshA ...

  9. 3dmax osg格式导出插件 osgExp OpenSceneGraph Max Exporter

    https://sourceforge.net/projects/osgmaxexp/files/OpenSceneGraph%20Max%20Exporter/

随机推荐

  1. Python GUI 背景色与语法高亮主题配置

    [补充] Python GUI 中 :ALT+P 可以重复上一条命令. ---------------------------------------------------------------- ...

  2. HTML空格标签

    双学位论文+本学位开题报告+实训项目+实训考试+学员考试,真是脑子都要爆炸... 话不多说,留个小知识点,HTML的空格替代符号表示法: 1. 半个空白,1个字符宽度:  或者   2.1个空白,2个 ...

  3. activiti 中文文档

    http://www.mossle.com http://www.mossle.com/docs/activiti/index.html

  4. 第1章 Sass简介

    什么是 CSS 预处理器? 定义: CSS 预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为 CSS 增加了一些编程的特性,将 CSS 作为目标生成文件,然后开发者就只要使用这种语言 ...

  5. 自适应css 框架 PURE

    Bootstrap 好用 但是太大啦 有时候只需要用到媒体查询这一块的样式 Pure.css可以很好地替代 直接上地址咯: http://purecss.io/ https://unpkg.com/p ...

  6. $smarty获取变量get,post等用法

    {$smarty}保留变量不需要从PHP脚本中分配,是可以在模板中直接访问的数组类型变量,通常被用于访问一些特殊的模板变量.例如,直接在模板中访问页面请求变量.获取访问模板时的时间邮戳.直接访问PHP ...

  7. python的tab自动补全

    vi tab.py #!/usr/bin/env python # python startup file import sys import readline import rlcompleter ...

  8. highchart导出功能的介绍更改exporting源码

    本案利用highchar作为前端,展示数据的图形效果,结合spring+springmvc来完成数据图片的导出. jsp引入文件: <script src="${pageContext ...

  9. Magnifier笔记

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" ...

  10. mysql 数据库 表字段添加表情兼容

    项目中的几个需要支持Emoji表情符号,手机自带的表情,其实添加也很简单: 1 修改数据库 配置my.cnf  init-connect='SET NAMES utf8mb4'             ...