前端把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 delete 使用示例代码
Mar 29 Javascript
js如何获取file控件的完整路径具体实现代码
May 15 Javascript
关闭浏览器窗口弹出提示框并且可以控制其失效
Apr 15 Javascript
通过js为元素添加多项样式,浏览器全兼容写法
Aug 30 Javascript
初识Node.js
Sep 03 Javascript
使用Angular CLI生成 Angular 5项目教程详解
Mar 18 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
Jan 30 Javascript
微信小程序返回上一页传参并刷新过程解析
Dec 13 Javascript
Vue-router 报错NavigationDuplicated的解决方法
Mar 31 Javascript
JS实现audio音频剪裁剪切复制播放与上传(步骤详解)
Jul 28 Javascript
Vue左滑组件slider使用详解
Aug 21 Javascript
详解Vue3.0 + TypeScript + Vite初体验
Feb 22 Vue.js
基于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调用c接口无错版介绍
2014/03/11 PHP
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
迁移PHP版本到PHP7
2015/02/06 PHP
php判断数组中是否存在指定键(key)的方法
2015/03/17 PHP
php实现mysql数据库分表分段备份
2015/06/18 PHP
jQuery基础框架浅入剖析
2012/12/27 Javascript
seaJs的模块定义和模块加载浅析
2014/06/06 Javascript
extjs每个组件要设置唯一的ID否则会出错
2014/06/15 Javascript
JavaScript实现拖拽网页内元素的方法
2015/04/15 Javascript
jQuery插件EnPlaceholder实现输入框提示文字
2015/06/05 Javascript
js钢琴按钮波浪式图片排列效果代码分享
2015/08/26 Javascript
jQuery实现点击小图片淡入淡出显示大图片特效
2015/09/09 Javascript
jQuery.Callbacks()回调函数队列用法详解
2016/06/14 Javascript
JavaScript简单实现合并两个Json对象的方法示例
2017/10/16 Javascript
vue复合组件实现注册表单功能
2017/11/06 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
Puppet的一些技巧
2018/09/17 Javascript
微信二次分享报错invalid signature问题及解决方法
2019/04/01 Javascript
用云开发Cloudbase实现小程序多图片内容安全监测的代码详解
2020/06/07 Javascript
Python实现测试磁盘性能的方法
2015/03/12 Python
Python使用Paramiko模块编写脚本进行远程服务器操作
2016/05/05 Python
Python格式化日期时间操作示例
2018/06/28 Python
使用Python实现一个栈判断括号是否平衡
2018/08/23 Python
Django中更改默认数据库为mysql的方法示例
2018/12/05 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
DJANGO-URL反向解析REVERSE实例讲解
2019/10/25 Python
如何在mac环境中用python处理protobuf
2019/12/25 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
Python中Selenium模块的使用详解
2020/10/09 Python
电大物流学生的自我评价
2013/10/25 职场文书
十佳教师事迹材料
2014/01/11 职场文书
教师群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
《搭石》教学反思
2016/02/18 职场文书
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
python字典的元素访问实例详解
2021/07/21 Python
flex布局中使用flex-wrap实现换行的项目实践
2022/06/21 HTML / CSS