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");