LayuiTable exporta todos los datos a Excel, no es necesario modificar el código de fondo, solo el procesamiento de front-end.

La función de exportación que viene con la tabla layui solo exporta los datos de una sola página. Después de una búsqueda, se descubre que la mayoría envía solicitudes ajax al backend para su procesamiento, o generan enlaces de descarga de Excel, o el backend devuelve todos los datos. y luego Exportar con table.exportFile.
De hecho, puedes usar render para establecer el límite de la cantidad total para recargar y exportar los datos.

El método es factible, pero no recomendado.

HTML

                <div class="layui-form layui-card-body">
                    <div class="layui-form-item">

                        <button class="layui-btn layui-bg-black iconfont icon-daochu" id="btnExport">导出</button>
                    </div>
                </div>

 js

var tableDataCount = 0;
table.render({
    elem: '#datatab'
    ,url: '...数据接口'
    ,skin:'line'
    ,even:true
    ,method:'post'
    ,limit:20
    ,title:'数据'
    ,height:'full-60'
    // ,size:'lg'
    ,cols: [[
        {field:'id', width:80, title: 'ID', sort: true},
        {field:'name',minWidth:'100', title: '姓名'},
  
    ]]
    ,page: true
    , done: function(res, curr, count){
        tableDataCount = count;//记录所有数据数量
    }
});

//在html中设置一个导出全部的按钮,事件:
            $("#btnExport").click(function () {
                table.reload('datatab',{
                    page: 1,
                    limit:tableDataCount, //加载所有数据
                    title: '步数榜单',
                    done:function (){
                        //导出所有数据
                        table.exportFile("datatab",false,"xls");
                        //恢复数据分页显示
                        table.reload('datatab',{
                            page: 1,
                            limit:20,
                            done:function (res, curr, count){
                                tableDataCount = count;
                                console.log(res.data)
                            }
                        })
                
                
                    }
                })
            })

    }
})

Supongo que te gusta

Origin blog.csdn.net/qq_32307773/article/details/131035337
Recomendado
Clasificación