前端分页,JavaScript没有分页的效果

这个地方没有分页效果是什么原因


function initLayPage(pageConf) {
        if (!pageConf) {
            pageConf = {};
            pageConf.pageSize = 10;//此处的数字为默认一页展示多少条数据
            pageConf.currentPage = 1;

        }
        $.post("getWordList", pageConf, function (data) {
            console.log(data);
            layui.use(['laypage', 'layer'], function () {
                var page = layui.laypage;
                page.render({
                    elem: 'layui',
                    count: data.length,
                    curr: pageConf.currentPage,
                    limit: pageConf.pageSize,
                    first: "首页",
                    last: "尾页",
                    layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
                    jump: function (obj, first) {
                        if (!first) {
                            pageConf.currentPage = obj.curr;
                            pageConf.pageSize = obj.limit;
                            initLayPage(pageConf);
                        }
                    }
                });
            })
            fillTable(data, (pageConf.currentPage - 1) * pageConf.pageSize); 
        });
    }

    function fillTable(data, num) {
        $("#tab_list").html('');
        $.each(data, function (index, obj) {
            index = index + num + 1;
            var info = '';
            info += '<tr>';
            info += '<td>' + index + '</td>';
            info += '<td>' + obj.hits + '</td>';
            info += '<td>' + obj.displayVolume + '</td>';
            info += '<td>' + obj.vocabulary + '</td>';
            info += '</tr>';
            $("#tab_list").append(info);
        });
    }

img

layui默认不分页 需要配置。

参考下

https://blog.csdn.net/jh_negit/article/details/103555061

【相关推荐】




如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^