前端把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跨页面保存变量做菜单的方法
Jan 17 Javascript
ext form 表单提交数据的方法小结
Aug 08 Javascript
jQuery插件的写法分享
Jun 12 Javascript
JS 修改URL参数(实现代码)
Jul 08 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
Nov 22 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
使用微信小程序开发前端【快速入门】
Dec 05 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
Jquery根据浏览器窗口改变调整大小的方法
Feb 07 Javascript
jQuery仿移动端支付宝键盘的实现代码
Aug 15 jQuery
原生JS实现烟花效果
Mar 10 Javascript
jQuery列表动态增加和删除的实现方法
Nov 05 jQuery
基于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
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
php中的curl使用入门教程和常见用法实例
2014/04/10 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
拖动table标题实现改变td的大小(css+js代码)
2013/04/16 Javascript
Jquery对select的增、删、改、查操作
2015/02/06 Javascript
javascript实现数组中的内容随机输出
2015/08/11 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
2015/10/25 Javascript
JavaScript必知必会(二) null 和undefined
2016/06/08 Javascript
ES6入门教程之let和const命令详解
2017/05/17 Javascript
微信小程序使用navigateTo数据传递的实例
2017/09/26 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
2018/11/28 Javascript
泛谈JS逻辑判断选择器 || &amp;&amp;
2019/05/24 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
[01:02:30]Mineski vs Secret 2019国际邀请赛淘汰赛 败者组 BO3 第三场 8.22
2019/09/05 DOTA
easy_install python包安装管理工具介绍
2013/02/10 Python
深入理解NumPy简明教程---数组3(组合)
2016/12/17 Python
django在接受post请求时显示403forbidden实例解析
2018/01/25 Python
python 使用shutil复制图片的例子
2019/12/13 Python
pytorch 指定gpu训练与多gpu并行训练示例
2019/12/31 Python
如何基于线程池提升request模块效率
2020/04/18 Python
Django中的AutoField字段使用
2020/05/18 Python
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
实习单位推荐信范文
2013/11/27 职场文书
经典公益广告词
2014/03/13 职场文书
五分钟演讲稿
2014/04/30 职场文书
铣床操作工岗位职责
2014/06/13 职场文书
个人四风对照检查材料
2014/09/26 职场文书
骨干教师事迹材料
2014/12/17 职场文书
委托书的样本
2015/01/28 职场文书
解读Vue组件注册方式
2021/05/15 Vue.js
Python进程间的通信之语法学习
2022/04/11 Python
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技