phplayuitable分页技巧_Layui 项今朝端导出Excel文件总结

文章目录 [+]

web

Layui excel导出—利用layui table.exportFile

我们知道layui table自带了Excel导出功能（table.exportFile），可以很方便的导出csv 或者 xls文件：

phplayuitable分页技巧_Layui 项今朝端导出Excel文件总结

table.exportFile(id, data, type)

（图片来自网络侵删）

参数id：为列表的表格ID

参数data：是传入的相应数据

参数type：导出的的文件类型（csv 或者 xls）

我们可以在列表查询表格数据加载完成的回调函数中将列表数据保存到本地变量

var listData = [];table.render({elem: '#表格ID'',url: urlcols: [],page: true,limit: 15,done: function(res, curr, count) { //res.data 存储到本地变量 listData = res.data;}});然后我们可以在导失事宜里面传入该变量即可table.exportFile('表格ID',listData,'xls' );

或者我们须要导出当前搜索条件下的所有数据：我们可以利用ajax调用不分页的数据接口，或者后台无法改动的话将列表数据获取接口，自己将分页参数的limit设置得很大临时办理下。

$.ajax({ url: url, success: function(res){ table.exportFile('表格ID',res.data,'xls' ); }});

其余table.exportFile方法也可以不用依赖 table 的实例，可直接导出任意数据

table.exportFile(['名字','性别','年事'], [['张三','男','20'],['李四','女','18'],['王五','女','19']], 'csv'); //默认导出 csv，也可以为：xls//没有传入表格ID，直接传入JSON数据Layui excel导出—利用 layui 的导出扩展插件 layui.excel excel

layui.excel扩展插件功能很强大，支持Layui插件形式加载，导出仅需一句话。
导出excel功能基于 XLSX.js，下载功能基于 FileSaver，读取文件基于 H5的 FileReader。
并且支持繁芜表头的导出、支持字体设置、单元格边框设置、单元格合并等功能，这些是layui table.exportFile 所不具备的

layui.excel导出功能演示

- 支持梳理导出的数据并导出多种格式数据

- 支持IE、火狐、chrome等主流浏览器

- 普通事情电脑最多支持9列45W行数据规模的导出

- 支持 xlx、xlsx、csv格式的前端数据读取以及数据梳理

- 支持单个文件多个 sheet 的导出- 供应方便的列合并赞助方法

最大略的用法，同table.exportFileexcel.exportExcel(data, 'excel文件名.xlsx', 'xlsx');其余导出的时候支持列宽等样式的设置，可以通过extend参数传入列宽配置参数

excel.exportExcel 导出列宽设置

layui.excel插件的利用

npm安装

$ npm i lay-excel

import LAY_EXCEL from 'lay-excel';