layui自定义导出过程(自定义标题)

目录

1. 源代码修改
2. JS一句话导出
3. 自定义导出的好处

一、 源代码修改

源代码修改如下：为了支持自定义导出excel的标题

1. 找到layui.all.js文件
2. 搜索exportFile
   将d.exportFile=function(e,t,i)修改为d.exportFile=function(e,t,i,name)
   name这个参数就是标题名称
3. 搜索download
   将s.download=(l.title||“table_”+(l.index||""))
   修改为s.download=(name||l.title||“table_”+(l.index||""))

这里有个坑
不能直接修改为s.download=(name)
虽然这样改对新项目是完全没问题的，但是对老项目不友好。若是老项目使用过layui的table导出的title属性(如下代码)，那么就炸了，导出后excel标题名称为undefined~

d = table.render({
	elem: '#user'//获取标签
	, toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
	, title: 'XXX导出'//导出数据excel的表名称
	, height: 'full-140'  //高度设置

二、 JS一句话导出

//table.exportFile(['名字','性别','年龄'], [['张三','男','20'],['王五','女','19']], 'xls'); //默认导出 csv，也可以为：xls
table.exportFile(表头数组数据, 数据二维数组数据, 'xls', 'EXCEL的名称'); //默认导出 csv，也可以为：xls

三、 自定义导出的好处

自定义导出比依赖table导出更灵活~

如下方法需要依赖table！只能导出一张表格！

var ins1 = table.render({
  elem: '#demo'
  ,id: 'test'
  //,…… //其它参数
})      
      
//将上述表格示例导出为 csv 文件
table.exportFile(ins1.config.id, data); //data 为该实例中的任意数量的数据

而自定义导出不需要table，可循环导出n个EXCEL，循环向后台发送筛选条件，然后后台返回数据导出，更灵活。

本文地址：https://blog.csdn.net/yinsefeixingchuan/article/details/113998073