前端把html表格生成为excel表格的实例


Posted in Javascript onSeptember 19, 2017

最近公司改后台管理系统。要求导出台账项目等等为excel表格,找半天还真有,他是通过query.table2excel.js 实现,原谅我原生不会弄这个当然大家有可以给我留言。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
  </head>
  <body>
    <table class="table"> //表格
      <tr class="noExl"> //加class是为了有些你不想导出用来选则
        <th>Header</th>
        <th>111</th>
      </tr>
      <tr>
        <td>Data</td>
        <td>222</td>
      </tr>
    </table>
     
    <button id="btn">导出</button>
     
    <script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery
    <script src="js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件
    <script type="text/javascript">
      $("#btn").click(function(){ //点击按钮执行导出
        $(".table").table2excel({ //选取导出的表格
          exclude: ".noExl", //写你不想都想导出的
          name: "Excel Document Name",
          filename: "项目", //导出的文件名
          exclude_img: true, //是否导出图片
          exclude_links: true,
          exclude_inputs: true
        });
      })
    </script>
     
  </body>
</html>

以上这篇前端把html表格生成为excel表格的实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Js callBack 返回前一页的js方法
Nov 30 Javascript
jQuery 选择器理解
Mar 16 Javascript
表单切换,用回车键替换Tab健(不支持IE)
Jul 20 Javascript
jQuery ui插件的使用方法代码实例
May 08 Javascript
判断滚动条到底部的JS代码
Nov 04 Javascript
jQuery的animate函数学习记录
Aug 08 Javascript
JS截取字符串实例详解
Nov 24 Javascript
jQuery包裹节点用法完整示例
Sep 13 Javascript
浅谈javascript中遇到的字符串对象处理
Nov 18 Javascript
bootstrap table插件的分页与checkbox使用详解
Jul 23 Javascript
vue自定义键盘信息、监听数据变化的方法示例【基于vm.$watch】
Mar 16 Javascript
判断“命令按钮”是否被鼠标单击详解
Jul 31 Javascript
基于js中的原型(全面讲解)
Sep 19 #Javascript
Node.js+jade抓取博客所有文章生成静态html文件的实例
Sep 19 #Javascript
Node.js中Bootstrap-table的两种分页的实现方法
Sep 18 #Javascript
Node.js 使用递归实现遍历文件夹中所有文件
Sep 18 #Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 #Javascript
为什么我们要做三份 Webpack 配置文件
Sep 18 #Javascript
分析javascript中9 个常见错误阻碍你进步
Sep 18 #Javascript
You might like
PHP文本数据库的搜索方法
2006/10/09 PHP
FleaPHP的安全设置方法
2008/09/15 PHP
PHP验证码类代码( 最新修改,完全定制化! )
2010/12/02 PHP
php单例模式示例分享
2015/02/12 PHP
Smarty3配置及入门语法
2017/02/22 PHP
php 生成加密公钥加密私钥实例详解
2017/06/16 PHP
php实现映射操作实例详解
2019/10/02 PHP
js 与或运算符 || &amp;&amp; 妙用
2009/12/09 Javascript
jQuery each()小议
2010/03/18 Javascript
js判断屏幕分辨率的代码
2013/07/16 Javascript
JavaScript中的字符串操作详解
2013/11/12 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
深入分析Cookie的安全性问题
2015/03/01 Javascript
js插件dropload上拉下滑加载数据实例解析
2016/07/27 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
原生js实现可拖动的登录框效果
2017/01/21 Javascript
Ionic学习日记实现验证码倒计时
2018/02/08 Javascript
webpack手动配置React开发环境的步骤
2018/07/02 Javascript
jQuery实现基本隐藏与显示效果的方法详解
2018/09/05 jQuery
解决vue-router 切换tab标签关闭时缓存问题
2020/07/22 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
[00:35]DOTA2上海特级锦标赛 VP战队宣传片
2016/03/04 DOTA
python获得一个月有多少天的方法
2015/06/04 Python
Python语言实现获取主机名根据端口杀死进程
2016/03/31 Python
python 3.5下xadmin的使用及修复源码bug
2017/05/10 Python
Sanic框架流式传输操作示例
2018/07/18 Python
python读写csv文件方法详细总结
2019/07/05 Python
关于python pycharm中输出的内容不全的解决办法
2020/01/10 Python
浅谈keras中的后端backend及其相关函数(K.prod,K.cast)
2020/06/29 Python
在python中对于bool布尔值的取反操作
2020/12/11 Python
Laura官网:加拿大女性的顶级时尚目的地
2019/09/20 全球购物
2014国庆65周年领导讲话稿(3篇)
2014/09/21 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
七年级作文之我的梦想
2019/10/16 职场文书
jdbc使用PreparedStatement批量插入数据的方法
2021/04/27 MySQL