前端把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 相关文章推荐
网上抓的一个特效
May 11 Javascript
页面中iframe相互传值传参
Dec 13 Javascript
jQuery判断checkbox是否选中的3种方法
Aug 12 Javascript
javascript中setInterval的用法
Jul 19 Javascript
vue2.0父子组件及非父子组件之间的通信方法
Jan 21 Javascript
微信小程序 刷新上拉下拉不会断详细介绍
May 11 Javascript
Angular中的$watch、$watchGroup、$watchCollection
Jun 25 Javascript
在Vue中使用echarts的方法
Feb 05 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 Javascript
详解vue 图片上传功能
Apr 30 Javascript
微信小程序使用echarts获取数据并生成折线图
Oct 16 Javascript
el-table表头根据内容自适应完美解决表头错位和固定列错位
Jan 07 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
一个用于mysql的数据库抽象层函数库
2006/10/09 PHP
IIS下PHP连接数据库提示mysql undefined function mysql_connect()
2010/06/04 PHP
解析php session_set_save_handler 函数的用法(mysql)
2013/06/29 PHP
ThinkPHP中redirect用法分析
2014/12/05 PHP
高质量PHP代码的50个实用技巧必备(上)
2016/01/22 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
js 模拟气泡屏保效果代码
2010/07/10 Javascript
js 将json字符串转换为json对象的方法解析
2013/11/13 Javascript
js获取判断上传文件后缀名的示例代码
2014/02/19 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
2014/08/20 Javascript
Jquery中offset()和position()的区别分析
2015/02/05 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
Bootstrap基本布局实现方法详解
2016/11/25 Javascript
详解PHP中pathinfo()函数导致的安全问题
2017/01/05 Javascript
Node.js Express 框架 POST方法详解
2017/01/23 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
玩转python selenium鼠标键盘操作(ActionChains)
2020/04/12 Python
解决Django模板无法使用perms变量问题的方法
2017/09/10 Python
基于python的Paxos算法实现
2019/07/03 Python
python 实现识别图片上的数字
2019/07/30 Python
详解Python中pyautogui库的最全使用方法
2020/04/01 Python
tensorflow 大于某个值为1,小于为0的实例
2020/06/30 Python
Python数据可视化实现漏斗图过程图解
2020/07/20 Python
Python requests上传文件实现步骤
2020/09/15 Python
英国最大的纸工艺品商店:CraftStash
2018/12/01 全球购物
给定一个时间点,希望得到其他时间点
2013/11/07 面试题
升职自荐信范文
2013/10/05 职场文书
培训演讲稿范文
2014/01/12 职场文书
电大会计学自我鉴定
2014/02/06 职场文书
医学院毕业生自荐信范文
2014/03/06 职场文书
物业保安员岗位职责
2014/03/14 职场文书
婚假请假条格式及范文
2014/04/10 职场文书
《三个小伙伴》教学反思
2014/04/11 职场文书
党员身份证明材料
2015/06/19 职场文书
html5中sharedWorker实现多页面通信的示例代码
2021/05/07 Javascript