前端把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 相关文章推荐
EXTJS内使用ACTIVEX控件引起崩溃问题的解决方法
Mar 31 Javascript
javascript cookies 设置、读取、删除实例代码
Apr 12 Javascript
JavaScript为对象原型prototype添加属性的两种方式
Aug 01 Javascript
Javascript继承机制的设计思想分享
Aug 28 Javascript
jQuery中scrollTop()方法用法实例
Jan 16 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
详解Web使用webpack构建前端项目
Sep 23 Javascript
vue插件开发之使用pdf.js实现手机端在线预览pdf文档的方法
Jul 12 Javascript
JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】
Jan 19 Javascript
微信小程序实现左侧滑栏过程解析
Aug 26 Javascript
一篇文章告诉你如何实现Vue前端分页和后端分页
Feb 18 Vue.js
基于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中使用与Perl兼容的正则表达式
2006/11/26 PHP
php学习 函数 课件
2008/06/15 PHP
PHP __autoload函数(自动载入类文件)的使用方法
2012/02/04 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
JavaScript对象之间的转换 jQuery对象和原声DOM
2011/03/07 Javascript
c#和Javascript操作同一json对象的实现代码
2012/01/17 Javascript
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
MyEclipse取消验证Js的两种方法
2013/11/14 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
php结合imgareaselect实现图片裁剪
2015/07/05 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
vue.js实现含搜索的多种复选框(附源码)
2017/03/23 Javascript
vue综合组件间的通信详解
2017/11/06 Javascript
微信小程序scroll-view组件实现滚动动画
2018/01/31 Javascript
vue中使用axios post上传头像/图片并实时显示到页面的方法
2018/09/27 Javascript
基于JS实现计算24点算法代码实例解析
2020/07/23 Javascript
Python 深入理解yield
2008/09/06 Python
Python2.7环境Flask框架安装简明教程【已测试】
2018/07/13 Python
flask session组件的使用示例
2018/12/25 Python
在python中做正态性检验示例
2019/12/09 Python
Python中Subprocess的不同函数解析
2019/12/10 Python
python实现简单日志记录库glog的使用
2019/12/13 Python
Python Scrapy框架:通用爬虫之CrawlSpider用法简单示例
2020/04/11 Python
python3.9.1环境安装的方法(图文)
2021/02/02 Python
将一个文本文件的内容按倒序打印出来
2015/01/05 面试题
SQL Server面试题
2013/04/04 面试题
C#可否对内存进行直接的操作
2015/02/26 面试题
车间班长岗位职责
2013/11/30 职场文书
施工材料员岗位职责
2014/02/12 职场文书
少先队辅导员事迹材料
2014/12/24 职场文书
人与自然的观后感
2015/06/18 职场文书
JavaScript实现班级抽签小程序
2021/05/19 Javascript
vue+elementui 实现新增和修改共用一个弹框的完整代码
2021/06/08 Vue.js
学习nginx基础知识
2021/09/04 Servers