前端把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 相关文章推荐
基于jQuery的获得各种控件Value的方法
Nov 19 Javascript
js+xml生成级联下拉框代码
Jul 24 Javascript
JavaScript中的apply()方法和call()方法使用介绍
Jul 25 Javascript
js实现可折叠展开的手风琴菜单效果
Sep 07 Javascript
jQuery javascript获得网页的高度与宽度的实现代码
Apr 26 Javascript
JS随机排序数组实现方法分析
Oct 11 Javascript
详解JSONObject和JSONArray区别及基本用法
Oct 25 Javascript
学习JS中的DOM节点以及操作
Apr 30 Javascript
layer 关闭指定弹出层的例子
Sep 25 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
通过实例了解Render Props回调地狱解决方案
Nov 04 Javascript
避坑之 JavaScript 中的toFixed()和正则表达式
Apr 19 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 Smarty date_format [格式化时间日期]
2010/03/15 PHP
php引用返回与取消引用的详解
2013/06/08 PHP
PHP页面中文乱码分析
2013/10/29 PHP
PHP定时更新程序设计思路分享
2014/06/10 PHP
在Ubuntu 14.04上部署 PHP 环境及 WordPress
2014/09/02 PHP
PHP贪婪算法解决0-1背包问题实例分析
2015/03/23 PHP
javascript Keycode对照表
2009/10/24 Javascript
javascript(jquery)利用函数修改全局变量的代码
2009/11/02 Javascript
网络之美 JavaScript中Get和Set访问器的实现代码
2010/09/19 Javascript
jquery下div 的resize事件示例代码
2014/03/09 Javascript
webapp框架AngularUI的demo改造之路
2014/12/21 Javascript
Javascript控制div属性动态变化实例分析
2015/10/08 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
angular基于路由控制ui-router实现系统权限控制
2016/09/27 Javascript
微信小程序开发一键登录 获取session_key和openid实例
2016/11/23 Javascript
纯原生js实现贪吃蛇游戏
2020/04/16 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
electron 安装,调试,打包的具体使用
2019/11/06 Javascript
js实现弹幕墙效果
2020/12/10 Javascript
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
python随机生成指定长度密码的方法
2015/04/04 Python
Python简单的制作图片验证码实例
2017/05/31 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
利用python库在局域网内传输文件的方法
2018/06/04 Python
python隐藏终端执行cmd命令的方法
2019/06/24 Python
Python telnet登陆功能实现代码
2020/04/16 Python
纯css3使用vw和vh实现自适应的方法
2018/02/09 HTML / CSS
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
优秀的计算机专业求职信范文
2013/12/27 职场文书
心得体会范文
2014/01/04 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
贪污受贿检讨书范文
2014/11/19 职场文书
公务员年度考核个人总结
2015/02/12 职场文书
导游词之上海豫园
2019/10/24 职场文书
Python 统计序列中元素的出现频度
2022/04/26 Python