前端把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 Cookie 直接浏览网站分网址
Dec 08 Javascript
jQuery入门问答 整理的几个常见的初学者问题
Feb 22 Javascript
最新28个很棒的jQuery 教程
May 28 Javascript
js动画(animate)简单引擎代码示例
Dec 04 Javascript
jQuery实现div拖拽效果实例分析
Feb 20 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
微信小程序开发之麦克风动画 帧动画 放大 淡出
Apr 18 Javascript
浅谈ES6新增的数组方法和对象
Aug 08 Javascript
微信小程序获取循环元素id以及wx.login登录操作
Aug 17 Javascript
vue+express 构建后台管理系统的示例代码
Jul 19 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
Aug 07 Javascript
微信小程序picker组件两列关联使用方式
Oct 27 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封装的一个支持HTML、JS、PHP重定向的多功能跳转函数
2014/06/19 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
详解PHP5.6.30与Apache2.4.x配置
2017/06/02 PHP
php基于session锁防止阻塞请求的方法分析
2017/08/07 PHP
Laravel框架分页实现方法分析
2018/06/12 PHP
jquery对dom的操作常用方法整理
2013/06/25 Javascript
JavaScript实现简单图片翻转的方法
2015/04/17 Javascript
JavaScript开发Chrome浏览器扩展程序UI的教程
2016/05/16 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
完美解决jQuery的hover事件在IE中不停闪动的问题
2017/02/10 Javascript
JS及JQuery对Html内容编码,Html转义
2017/02/17 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
利用vue开发一个所谓的数独方法实例
2017/12/21 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
nodeJS模块简单用法示例
2018/04/21 NodeJs
vue中post请求以a=a&amp;b=b 的格式写遇到的问题
2018/04/27 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
Webpack中loader打包各种文件的方法实例
2019/09/03 Javascript
JavaScript 装逼指南(js另类写法)
2020/05/10 Javascript
使用vue构建多页面应用的示例
2020/10/22 Javascript
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
[45:16]完美世界DOTA2联赛PWL S3 Magma vs Phoenix 第一场 12.12
2020/12/16 DOTA
理解Python中的With语句
2015/02/02 Python
Python实现的选择排序算法示例
2017/11/29 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
用Python将结果保存为xlsx的方法
2019/01/28 Python
浅谈Python中的模块
2020/06/10 Python
浅谈Python 命令行参数argparse写入图片路径操作
2020/07/12 Python
为您搜罗全球潮流時尚品牌:HBX
2019/12/04 全球购物
手机促销活动方案
2014/02/05 职场文书
酒店总经理助理职责
2014/02/12 职场文书
毕业证委托书范文
2014/09/26 职场文书
学习作风建设心得体会
2014/10/22 职场文书
Python Pandas pandas.read_sql_query函数实例用法分析
2021/06/21 Python
关于python类SortedList详解
2021/09/04 Python