layui 資料表格匯出

declandragon發表於2022-01-28

資料渲染的時候把當前的資料儲存一下

var export_data = [];
var tableIns = table.render({
    elem: '#LAY-app-content-list',
    url: "{:url('main.tj_ts.index')}",
    method: 'post',
    parseData: function (res) { //res 即為原始返回的資料
        export_data = res.data
        return {
            "code": res.code, //解析介面狀態
            "msg": res.msg, //解析提示文字
            "count": res.count, //解析資料長度
            "data": res.data, //解析資料列表
        };
    },
    cols: [[
        {field: 'create_user_name', width: 150, align: 'center', title: '投手姓名'},
        {field: 'sales_money', minWidth: 180, align: 'center', title: '銷售流水'},
        {field: 'gross_profit', minWidth: 180, align: 'center', title: '毛利潤'},
        {field: 'order_number', width: 180, align: 'center', title: '銷售總單數'},
        {field: 'ad_cost', width: 180, align: 'center', title: '廣告成本'},
        {field: 'product_num', width: 180, align: 'center', title: '投放商品數'},
        {field: 'ad_plan_num', width: 180, align: 'center', title: '新增計劃數'},
        {title: '操作', width: 100, align: 'center', fixed: 'right', toolbar: '#tableTpl'}
    ]],
    page: true,
    limit: 15,
    limits: [15, 30, 50, 100],
    height: 700,
    text: {
        none: '暫無相關資料'
    }
});

另外繫結一個點選事件就可以直接下載了,所見即所得

layer.confirm('確定匯出嗎?', function (index) {
    table.exportFile(tableIns.config.id, export_data,'投手資料.xlsx');
    layer.close(index);
});
本作品採用《CC 協議》,轉載必須註明作者和本文連結
感謝閱讀,有收穫的話不妨點個贊:smiling_imp:

相關文章