Layui table.exportFile 如何自定义导出数据按钮 导出功能详解
如何自定义导出数据按钮
let table = layui.table.render var exportData; var theTable = table.render({ elem: '#order-list', url: '/api/order-list/data', page: true, cols: cols, done: function (res, curr, count) { exportData = res.data; } });
理论:table.exportFile = function(id, data, type) 的三个参数
id:是设置的表格ID
data: 是传入的相应数据
type:输出的文件类型(csv | xls)
实战:导出方法参数说明:
- 第一个参数 theTable.config.id 获取所有表头
- 第二个参数是 表格数据加载完成 done 里面赋值的
- 第三个参数是 导出格式 可以是 xls 或 cvs 自己填就行了
window.exportTable = function() { table.exportFile(theTable.config.id, exportData, 'xls'); };
番外:
自己的数据打印出来则是自己的数据
table.exportFile(['名字','性别','年龄'], [
['张三','男','20'],
['李四','女','18'],
['王五','女','19']
], 'csv'); //默认导出 csv,也可以为:xls
type 设置方式
字符串 csv | xls
输出表格
<table id="order-list">
</table>
也可以这样用
layui.table.exportFile("order-list");