昨天领导让我给页面加一个数据导出, 开始我以为是本页导出,我就加一个layui自带的,结果告诉我不行,要导出所有的数据,而且不是页面展示的那个表格的,我就试试

引入layui的JS和CSS就不说了直接来干货。

首先获取数据不说了ajax,导出Excel先看官网给的demo

table.exportFile(['名字','性别','年龄'], [['张三','男','20'],['李四','女','18'],['王五','女','19']
], 'csv'); //默认导出 csv,也可以为:xls

我们会发现按照这个demo做下去我们没有办法定义导出表格的名字,所有的表格都是table_.xls。所以我就进table.js里面看了一下源码,发现 table.exportFile函数里面是这么一段代码来设置名字

alink.download = (config.title || 'table_'+ (config.index || '')) + '.' + type;

于是我就把它给改成了

 alink.download =name + '.' + type;

同时在函数前面增加了一个参数

table.exportFile = function(id, data, type)

改为了

table.exportFile = function(id, data, type,name)

保存之后我们就可以使用ajax获取到的动态数据拿到data,并把data放到函数中导出,

layui.use(['layer','admin','table'], function () {var $ = layui.$, admin = layui.admin,layer=layui.layer,table = layui.table;          admin.req({url: 你获取数据的URL,async: false,success: function (res) {var cons=new Array();var dat=res.data;for (  i in dat){cons.push(dat[i]);}table.exportFile([' 表头',' 表头',' 表头',' 表头',' 表头',' 表头'], cons , 'xls',name);}});});

这里有两点需要注意:

1.如果你的data是一个对象的集合,必须新建一个数组,通过循环把对象放到数组,不能直接把data放到里面,不然你导出来的是object不是具体值。
2.你的标题要和你导出对象的每个字段对应,你导出来的顺序需要比对一下。

使用layui把数据以Excel格式导出相关推荐

  1. 使用存储过程将数据以XML格式导出到XML文件

    最近看到有网上有很多人问怎么把数据导出到XML文件,大多的解决方法就是 dbms_xmlgen+utl_file,首先要说的是,这种方法确实不错,但是有些缺点.如果系统中需要把数据导出XML文件,通常 ...

  2. 把服务器sql数据库导出excel文件,将mysql数据库数据以Excel文件的形式导出

    最近在工作中,领导让从数据库中导出一些数据并存放到Excel表格中,网上有许多教程,下面是我总结的其中俩种方法. 从数据库管理工具中导出(navicat) 在navicat导出数据导Excel中还是比 ...

  3. chrome将html转成excel,怎样在Chrome浏览器中,直接让表格中的数据以Excel文件形式导出|网页转excel表格...

    怎么把jsp页面表单上的数据导出成Excel-CSDN论坛 留个QQ,发给你个控件 在js导出表格到excel的时候,如何用js设置时间的的格式 将页面中指定的数据导入到Excel中 border=& ...

  4. 【邮件发送】将list数据以html格式的形式展示到邮件正文

    签名:但行好事,莫问前程. 文章目录 前言 一.需求分析 二.代码编写 三.解决思路 四.最终效果 总结 前言 公司产品提出了一个新需求,要求把不满足团购商品利润和库存的Excel里面的数据展示到邮件 ...

  5. 数据以Excel导出

    首先假设将数据从库中查出来储存在List中 List<User> users = userDao.findUsers(); 假设需要导出的数据此刻在users中: private stat ...

  6. Java实现复杂excel格式导出

    根据公司业务需求,导出复杂格式的Excel表格,主要是单元格的合并. 效果图如下: 标题.表头.内容样式 具体根据各自业务需求对参数进行调整 /*** 创建标题样式** @param wb* @ret ...

  7. GridView直接以excel格式导出到客户端

    注意excel里格式的问题,如0开头的会自动去掉,长数字会用科学记数法表示(不管你的数据是什么类型的).解决的方法代码里都包含了. .aspx: <%@ Page Language=" ...

  8. excel格式导出合并单元格

    1.首先看一下,我们导出的模板: 可以看到,导出的模板需要合并单元格,其中在每个项目中工程编号是唯一的,所以需求中有一点,我们必选按照:项目名称+工程编号,作为唯一性来做每个sheet的区分.下面看代 ...

  9. 前端使用xlsx、file-saver实现自定义excel格式导出(列宽、字体、边框、行高)

    前端使用xlsx.file-saver实现excel导出 前端使用xlsx.file-saver实现excel导出 1.下载依赖 2.在需要导出excel的页面使用依赖 3.实现导出excel文件功能 ...

最新文章

  1. oracle无创建directory权限,【DIRECTORY】普通用户创建Oracle DIRECTORY数据库对象的权限需求及探索...
  2. Visual Studio 2005 Web Application Projects 正式推出
  3. connect函数介绍
  4. Integer.valueOf(String) 方法之惑
  5. qtdesigner设计表格_实例9 利用Qt Designer设计一个对话框
  6. ajax post提交数据_详解Ajax异步加载
  7. C#的RSA加密解密签名,就为了支持PEM PKCS#8格式密钥对的导入导出
  8. Windows 10快速连接蓝牙设备
  9. 神经体液调节网络,神经网络能干嘛
  10. MicroMsg.SDK.WXApiImplV10: register app failed for wechat app signature check failed
  11. hive教程:启动hive客户端
  12. React 18 新特性-入门教程
  13. IPD——从战略到执行的全面研发管理体系
  14. 清除Windows虚机密码
  15. 免费注册个体户营业执照出证教程
  16. 长短信实现系列之电信SMGP3.0
  17. 视频转换成gif动图的方法步骤
  18. osm.pbf 制作中国铁路网mbtiles
  19. Pytorch+PyG实现GraphSAGE
  20. 树形图计算机系统组成,计算机系统结构试题答案B.doc

热门文章

  1. 【crypto】基于crypto.js的web前端加解密系统实现
  2. 定制加载loading 图片
  3. Microsoft SQL Server 2008R2和2019
  4. 2023年苹果IOS开发者证书申请(已实测准确)
  5. 为网站代码块pre标签增加一个复制代码按钮代码
  6. 微信小程序进行加减法运算的小技巧
  7. 计算机应用评估和调整,随时评估并进行相应的调整.doc
  8. postgis的扩展包fuzzystrmatch和postgis_tiger_geocoder的安装
  9. 【计算机和UNIX汇编原理④】——指令系统(上)【标志寄存器 立即寻址 寄存器寻址 直接/寄存器/基址/变址寻址 万字总结】
  10. html中如何在页面底部增加,HTML中footer固定在页面底部的若干种方法