欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

layui表格自定义分页

程序员文章站 2022-07-14 08:49:51
...
        layui.use(['laypage', 'layer'], function () {
                    var laypage = layui.laypage;
                    //调用分页
                    laypage.render({
                        elem: 'my_page' //分页的id 
                        , count: res.result.length,
                        limit: 6
                        , jump: function (obj) {
                            var this_result = []
                            this_result = res.result.slice(obj.limit * (obj.curr - 1), obj.limit * obj.curr);
                            // console.log(this_result)
                            $("#my_table").children("tbody").empty()
                            for (var i = 0; i < this_result.length; i++) {
                                $("#my_table").children("tbody").append("<tr><td>" + this_result[i].name + "</td>"
                                    + "<td>" + this_result[i].type + "</td>"
                                    + " <td>" + this_result[i].status + "</td>"
                                    + " <td>" + this_result[i].date + "</td>"
                                    + " <td>" + this_result[i].progress + "</td>"
                                    + " </tr>")
                            }

                        }
                    });
                })

 

相关标签: 前端