前端把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 相关文章推荐
Firefox中通过JavaScript复制数据到剪贴板(Copy to Clipboard 跨浏览器版)
Nov 22 Javascript
JavaScript中的函数重载深入理解
Aug 04 Javascript
15个jquery常用方法、小技巧分享
Jan 13 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 Javascript
微信小程序 PHP后端form表单提交实例详解
Jan 12 Javascript
js精确的加减乘除实例
Nov 14 Javascript
在vue-cli项目中使用bootstrap的方法示例
Apr 21 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
JavaScript中常用的简洁高级技巧总结
Mar 10 Javascript
微信小程序实现左侧滑动导航栏
Apr 08 Javascript
Vue axios 将传递的json数据转为form data的例子
Oct 29 Javascript
Jquery Datatables的使用详解
Jan 30 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
超级简单的发送邮件程序
2006/10/09 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
PHP常用的小程序代码段
2015/11/14 PHP
php 实现进制相互转换
2016/04/07 PHP
基于jquery的超简单上下翻
2010/04/20 Javascript
将HTMLCollection/NodeList/伪数组转换成数组的实现方法
2011/06/20 Javascript
window.open以post方式将内容提交到新窗口
2012/12/26 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
2013/12/17 Javascript
基于jQuery实现的图片切换焦点图整理
2014/12/07 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
js仿微信抢红包功能
2020/09/25 Javascript
浅谈Vue下使用百度地图的简易方法
2018/03/23 Javascript
vue-quill-editor富文本编辑器简单使用方法
2018/09/21 Javascript
[04:32]DOTA2著名解说配音敌法师 现场专访海涛怒切假腿
2013/12/20 DOTA
[01:03:18]DOTA2-DPC中国联赛 正赛 RNG vs Dynasty BO3 第一场 1月29日
2021/03/11 DOTA
Python enumerate遍历数组示例应用
2008/09/06 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
python 重定向获取真实url的方法
2018/05/11 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
Numpy截取指定范围内的数据方法
2018/11/14 Python
python列表list保留顺序去重的实例
2018/12/14 Python
详解从Django Rest Framework响应中删除空字段
2019/01/11 Python
Python嵌套函数,作用域与偏函数用法实例分析
2019/12/26 Python
keras实现图像预处理并生成一个generator的案例
2020/06/17 Python
Python中Yield的基本用法
2020/10/18 Python
解决使用Pandas 读取超过65536行的Excel文件问题
2020/11/10 Python
如何用python 操作zookeeper
2020/12/28 Python
玛蒂尔达简服装:Matilda Jane Clothing
2019/02/13 全球购物
软件设计的目标是什么
2016/12/04 面试题
优秀员工表扬信
2014/01/17 职场文书
学生抄作业检讨书(2篇)
2014/10/17 职场文书
2015年助理政工师工作总结
2015/05/26 职场文书
电影雷锋观后感
2015/06/10 职场文书
葬礼主持词
2015/07/02 职场文书
护士业务学习心得体会
2016/01/25 职场文书
离婚协议书范文2016
2016/03/18 职场文书