前端把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 相关文章推荐
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
JQuery 自定义CircleAnimation,Animate方法学习笔记
Jul 10 Javascript
javascript:window.open弹出窗口的位置问题
Mar 18 Javascript
js实现的复制兼容chrome和IE
Apr 03 Javascript
JS实现简单路由器功能的方法
May 27 Javascript
JS实现的点击表头排序功能示例
Mar 27 Javascript
three.js 入门案例详解
Jan 23 Javascript
Vue js 的生命周期(看了就懂)(推荐)
Mar 29 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
关于vue利用postcss-pxtorem进行移动端适配的问题
Nov 20 Javascript
微信小程序调用wx.getImageInfo遇到的坑解决
May 31 Javascript
Node.js文本文件BOM头的去除方法
Nov 22 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合并两个数组的两种方式的异同
2012/09/14 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
查找php配置文件php.ini所在路径的二种方法
2014/05/26 PHP
PHP模板解析类实例
2015/07/09 PHP
PHP面向对象编程之深入理解方法重载与方法覆盖(多态)
2015/12/24 PHP
php自定义时间转换函数示例
2016/12/07 PHP
PHP读取CSV大文件导入数据库的实例
2017/07/24 PHP
yii2实现Ueditor百度编辑器的示例代码
2018/11/02 PHP
jQuery Ajax之load()方法
2009/10/12 Javascript
ExtJs 3.1 XmlTreeLoader Example Error
2010/02/09 Javascript
JQuery触发radio或checkbox的change事件
2012/12/18 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
JS实现单击输入框弹出选择框效果完整实例
2015/12/14 Javascript
Bootstrap CSS组件之按钮组(btn-group)
2016/12/17 Javascript
原生js实现节日时间倒计时功能
2017/01/18 Javascript
详解Vue2.x-directive的学习笔记
2017/07/17 Javascript
Vue组件之自定义事件的功能图解
2018/02/01 Javascript
JS弹窗 JS弹出DIV并使整个页面背景变暗功能的实现代码
2018/04/21 Javascript
js实现日历
2020/11/07 Javascript
[03:10]2014DOTA2 TI马来劲旅Titan首战告捷目标只是8强
2014/07/10 DOTA
浅谈python中截取字符函数strip,lstrip,rstrip
2015/07/17 Python
Python代码解决RenderView窗口not found问题
2016/08/28 Python
Python+MongoDB自增键值的简单实现
2016/11/04 Python
Pandas实现数据类型转换的一些小技巧汇总
2018/05/07 Python
详解Python并发编程之从性能角度来初探并发编程
2019/08/23 Python
Python 装饰器@,对函数进行功能扩展操作示例【开闭原则】
2019/10/17 Python
pytorch 图像预处理之减去均值,除以方差的实例
2020/01/02 Python
北美大型运动类产品商城:Champs Sports
2017/01/12 全球购物
车库门开启器、遥控器和零件:Chamberlain
2019/04/09 全球购物
J2EE的优越性主要表现在哪些方面
2016/03/28 面试题
生产厂长岗位职责
2014/02/21 职场文书
公司授权委托书样本
2014/09/15 职场文书
幼儿园开学温馨提示
2015/07/15 职场文书
婚宴来宾致辞
2015/07/28 职场文书
2016年党员学习廉政准则心得体会
2016/01/20 职场文书
mongodb数据库迁移变更的解决方案
2021/09/04 MongoDB