Kyle19

Kyle19

5飞吻 2019-8-15 加入 来自江门

(这个人懒得留下签名)

Kyle19 最近的提问

Kyle19 最近的回答

  • 2019-8-15 8:43:58table无法翻页中回答:

    @saiomeil
    layuui文档网址https://www.layui.com/doc/modules/laypage.html
    代码是
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title></title>
    <link rel="stylesheet" href="layui/layui/css/layui.css" media="all">
    </head>
    <body>


    <table id="demo" lay-filter="test"></table>


    <script src="layui/layui/layui.js" charset="utf-8"></script>
    <script>
    layui.use(['table','laypage'], function(){
    var table = layui.table,
    laypage = layui.laypage;

    //第一个实例
    table.render({
    elem: '#demo'
    ,height: 312
    ,url: 'json/report.json' //数据接口
    ,page: true //开启分页
    ,cols: [[ //表头
    {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
    ,{field: 'username', title: '用户名', width:80}
    ,{field: 'sex', title: '性别', width:80, sort: true}
    ,{field: 'city', title: '城市', width:80}
    ,{field: 'sign', title: '签名', width: 177}
    ,{field: 'experience', title: '积分', width: 80, sort: true}
    ,{field: 'score', title: '评分', width: 80, sort: true}
    ,{field: 'classify', title: '职业', width: 80}
    ,{field: 'wealth', title: '财富', width: 135, sort: true}
    ]]
    });
    //执行一个laypage实例
    laypage.render({
    elem: 'demo' //注意,这里的 test1 是 ID,不用加 # 号
    ,count: 29,
    limit:10//数据总数,从服务端得到
    });
    });
    </script>
    </body>
    </html>
    json文件也是使用layui的https://www.layui.com/demo/table/user/?page=1&limit=30
    js文件和CSS文件都更换为自己的了