前端把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 相关文章推荐
新浪的图片新闻效果
Jan 13 Javascript
javascript+xml技术实现分页浏览
Jul 27 Javascript
JavaScript 精粹读书笔记(1,2)
Feb 07 Javascript
ExtJS Store的数据访问与更新问题
Apr 28 Javascript
JQquery的一些使用心得分享
Aug 01 Javascript
php对mongodb的扩展(初识如故)
Nov 11 Javascript
node.js集成百度UE编辑器
Feb 05 Javascript
Angular.js如何从PHP读取后台数据
Mar 24 Javascript
原生js实现移动端触摸轮播的示例代码
Dec 22 Javascript
webpack多入口多出口的实现方法
Aug 17 Javascript
微信小程序如何实现全局重新加载
Jun 05 Javascript
原生js实现日历效果
Mar 02 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 函数执行效率的小比较
2010/10/17 PHP
PHP加密扩展库Mcrypt安装和实例
2013/11/10 PHP
轻松实现php文件上传功能
2017/02/17 PHP
PHP7扩展开发教程之Hello World实现方法示例
2017/08/03 PHP
再谈javascript 动态添加样式规则 W3C校检
2009/12/25 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
登陆成功后自动计算秒数执行跳转
2014/01/23 Javascript
$.each与$().each的区别示例介绍
2014/03/20 Javascript
IE浏览器中图片onload事件无效的解决方法
2014/04/29 Javascript
jQuery中:first选择器用法实例
2014/12/30 Javascript
javascript实现滑动解锁功能
2014/12/31 Javascript
jQuery实现只允许输入数字和小数点的方法
2016/03/02 Javascript
canvas实现十二星座星空图
2017/02/14 Javascript
JavaScript纯色二维码变成彩色二维码
2020/07/23 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
2018/08/24 Javascript
浅谈Webpack核心模块tapable解析
2018/09/11 Javascript
vue路由导航守卫和请求拦截以及基于node的token认证的方法
2019/04/07 Javascript
产制造追溯系统之通过微信小程序实现移动端报表平台
2019/06/03 Javascript
jquery实现垂直手风琴导航栏
2020/02/18 jQuery
React实现轮播效果
2020/08/25 Javascript
使用AutoJs实现微信抢红包的代码
2020/12/31 Javascript
Python 网页解析HTMLParse的实例详解
2017/08/10 Python
Django ORM多对多查询方法(自定义第三张表&amp;ManyToManyField)
2019/08/09 Python
python使用sessions模拟登录淘宝的方式
2019/08/16 Python
Python之Django自动实现html代码(下拉框,数据选择)
2020/03/13 Python
Python进程间通信multiprocess代码实例
2020/03/18 Python
世界排名第一的万圣节服装店:Spirit Halloween
2018/10/16 全球购物
Saks Fifth Avenue澳洲/亚太地区:萨克斯第五大道精品百货店
2019/06/09 全球购物
Java和Javasciprt的区别
2012/09/02 面试题
水产养殖学应届生求职信
2013/09/29 职场文书
英语专业学生个人求职信
2014/01/28 职场文书
德语专业求职信
2014/03/12 职场文书
优秀护士演讲稿
2014/04/30 职场文书
新手,如何业余时间安排好写作、提高写作能力?
2019/10/21 职场文书
java固定大小队列的几种实现方式详解
2021/07/15 Java/Android
代码复现python目标检测yolo3详解预测
2022/05/06 Python