前端把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 contains和compareDocumentPosition 方法来确定是否HTML节点间的关系
Feb 04 Javascript
javascript读取Xml文件做一个二级联动菜单示例
Mar 17 Javascript
利用javascript实现全部删或清空所选的操作
May 27 Javascript
javascript 面向对象封装与继承
Nov 27 Javascript
javascript ASCII和Hex互转的实现方法
Dec 27 Javascript
Angular ui.bootstrap.pagination分页
Jan 20 Javascript
node文字生成图片的示例代码
Oct 26 Javascript
微信小程序如何获取openid及用户信息
Jan 26 Javascript
微信小程序实现元素渐入渐出动画效果封装方法
May 18 Javascript
layui table 复选框跳页后再回来保持原来选中的状态示例
Oct 26 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 Javascript
JavaScript实现两个数组的交集
Mar 25 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 截取字符串 分别适合GB2312和UTF8编码情况
2009/02/12 PHP
PHP运行时强制显示出错信息的代码
2011/04/20 PHP
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
Yii使用DeleteAll连表删除出现报错问题的解决方法
2016/07/14 PHP
PHP7 新特性详细介绍
2016/09/06 PHP
php_pdo 预处理语句详解
2016/11/21 PHP
php通过各种函数判断0和空
2020/07/04 PHP
详解PHP的抽象类和抽象方法以及接口总结
2019/03/15 PHP
jQuery函数的等价原生函数代码示例
2013/05/27 Javascript
jQuery实现“扫码阅读”功能
2015/01/21 Javascript
js超时调用setTimeout和间歇调用setInterval实例分析
2015/01/28 Javascript
jQuery表单域属性过滤器用法分析
2015/02/10 Javascript
jQuery检测输入的字符串包含的中英文的数量
2015/04/17 Javascript
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
2015/08/21 Javascript
angular4模块中给标签添加背景图的实现方法
2017/09/15 Javascript
值得收藏的vuejs安装教程
2017/11/21 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
[46:59]完美世界DOTA2联赛PWL S2 GXR vs Ink 第二场 11.19
2020/11/20 DOTA
Pyhthon中使用compileall模块编译源文件为pyc文件
2015/04/28 Python
Python使用设计模式中的责任链模式与迭代器模式的示例
2016/03/02 Python
python编程羊车门问题代码示例
2017/10/25 Python
12个步骤教你理解Python装饰器
2019/07/01 Python
python enumerate内置函数用法总结
2020/01/07 Python
租租车:国际租车、美国租车、欧洲租车、特价预订国外租车(中文服务)
2018/03/28 全球购物
匡威英国官网:Converse英国
2018/12/02 全球购物
物业管理毕业生个人的求职信
2013/11/30 职场文书
教师绩效考核方案
2014/01/21 职场文书
投标诚信承诺书
2014/05/26 职场文书
党员教师一句话承诺
2014/05/30 职场文书
药品营销专业毕业生自荐信
2014/07/02 职场文书
勿忘国耻9.18演讲稿(经典篇)
2014/09/14 职场文书
2014年教育培训工作总结
2014/12/08 职场文书
小兵张嘎电影观后感
2015/06/03 职场文书
城南旧事观后感
2015/06/11 职场文书
一文弄懂MySQL中redo log与binlog的区别
2022/02/15 MySQL
Vue如何清空对象
2022/03/03 Vue.js