前端把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 相关文章推荐
在IE和VB中支持png图片透明效果的实现方法(vb源码打包)
Apr 01 Javascript
jquery jqPlot API 中文使用教程(非常强大的图表工具)
Aug 15 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
Aug 10 Javascript
JS for...in 遍历语句用法实例分析
Aug 24 Javascript
AngularJS表格样式简单设置方法示例
Mar 03 Javascript
Three.js获取鼠标点击的三维坐标示例代码
Mar 24 Javascript
node使用UEditor富文本编辑器的方法实例
Jul 11 Javascript
Angular 作用域scope的具体使用
Dec 11 Javascript
利用d3.js实现蜂巢图表带动画效果
Sep 03 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
JavaScript实现烟花绽放动画效果
Aug 04 Javascript
Vue全局事件总线你了解吗
Feb 24 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中设置多级目录session的问题
2011/08/08 PHP
PHP异步进程助手async-helper
2018/02/05 PHP
PHP的mysqli_ssl_set()函数讲解
2019/01/23 PHP
Extjs学习笔记之五 一个小细节renderTo和applyTo的区别
2010/01/07 Javascript
javascript 进阶篇3 Ajax 、JSON、 Prototype介绍
2012/03/14 Javascript
JS跨域总结
2012/08/30 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
2013/06/04 Javascript
禁用页面部分JavaScript方法的具体实现
2013/07/31 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
2015/03/23 Javascript
javascript实现控制div颜色
2015/07/07 Javascript
JavaScript前端开发之实现二进制读写操作
2015/11/04 Javascript
JavaScript 数组some()和filter()的用法及区别
2016/05/20 Javascript
webpack打包单页面如何引用的js
2017/06/07 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
JavaScript反弹动画效果的实现代码
2017/07/13 Javascript
五步轻松实现zTree的使用
2017/11/01 Javascript
vue实现验证码按钮倒计时功能
2018/04/10 Javascript
JS实现HTML页面中动态显示当前时间完整示例
2018/07/30 Javascript
webpack 如何解析代码模块路径的实现
2019/09/04 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
JS实现网站楼层导航效果代码实例
2020/06/16 Javascript
django中send_mail功能实现详解
2018/02/06 Python
pycharm访问mysql数据库的方法步骤
2019/06/18 Python
pygame用blit()实现动画效果的示例代码
2020/05/28 Python
基于第一个PhoneGap(cordova)的应用详解
2013/05/03 HTML / CSS
Draper James官网:知名演员瑞茜·威瑟斯彭所创品牌
2017/10/25 全球购物
学院书画协会部门职责
2013/11/28 职场文书
巾帼文明岗申报材料
2014/05/01 职场文书
班级口号大全
2014/06/09 职场文书
领导班子四风问题对照检查材料
2014/09/27 职场文书
护士长2014年度工作总结
2014/11/11 职场文书
自主招生专家推荐信
2015/03/26 职场文书
幼儿园2016年感恩节活动总结
2016/04/01 职场文书
两行代码解决Jupyter Notebook中文不能显示的问题
2021/04/24 Python
python内置进制转换函数的操作
2021/06/02 Python