前端把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键盘
May 02 Javascript
JS获取页面input控件中所有text控件并追加样式属性
Feb 25 Javascript
js单例模式的两种方案
Oct 22 Javascript
Javascript WebSocket使用实例介绍(简明入门教程)
Apr 16 Javascript
javascript数字时钟示例分享
Apr 23 Javascript
详解JavaScript的变量和数据类型
Nov 27 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
JS在浏览器中解析Base64编码图像
Feb 09 Javascript
微信小程序实现的涂鸦功能示例【附源码下载】
Jan 12 Javascript
对angular 实时更新模板视图的方法$apply详解
Oct 09 Javascript
微信小程序与公众号实现数据互通的方法
Jul 25 Javascript
详解如何在Canvas中添加事件的方法
Apr 17 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中json_encode中文编码问题分析
2011/09/13 PHP
Symfony2之session与cookie用法小结
2016/03/18 PHP
Yii2针对游客、用户防范规则和限制的解决方法分析
2016/10/08 PHP
PHP简单实现循环链表功能示例
2017/11/10 PHP
Laravel程序架构设计思路之使用动作类
2018/06/07 PHP
Thinkphp 3.2框架使用Redis的方法详解
2019/10/24 PHP
仅用[]()+!等符号就足以实现几乎任意Javascript代码
2010/03/01 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
解析prototype,JQuery中跳出each循环的方法
2013/12/12 Javascript
纯js写的分页表格数据为json串
2014/02/18 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
JavaScript 模块的循环加载实现方法
2015/12/13 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
基于jquery实现三级下拉菜单
2016/05/10 Javascript
jQuery制作网页版选项卡
2016/07/28 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
2016/10/10 Javascript
vue2.0实战之基础入门(1)
2017/03/27 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
Angular2中监听数据更新的方法
2018/08/31 Javascript
通过JavaScript下载文件到本地的方法(单文件)
2019/03/17 Javascript
微信小程序抽奖组件的使用步骤
2021/01/11 Javascript
浅析python中SQLAlchemy排序的一个坑
2017/02/24 Python
python操作excel的包(openpyxl、xlsxwriter)
2018/06/11 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
Python模块_PyLibTiff读取tif文件的实例
2020/01/13 Python
一波HTML5 Canvas基础绘图实例代码集合
2016/02/28 HTML / CSS
Spartoo荷兰:鞋子、包包和服装
2018/07/12 全球购物
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
银行会计职员个人的自我评价
2013/09/29 职场文书
保险专业大学生职业规划书
2014/03/03 职场文书
社区服务活动小结
2014/07/08 职场文书
给老婆道歉的话
2015/01/20 职场文书
校园歌手大赛主持词
2015/07/03 职场文书
python Tkinter的简单入门教程
2021/04/11 Python
使用Python开发冰球小游戏
2022/04/30 Python