美文网首页
Layui Table

Layui Table

作者: 皮卡乒乓 | 来源:发表于2017-12-14 19:06 被阅读0次

    1、前台分页

    • HTML代码
    <table id="test2"></table>
    
    • JS代码
    layui.use('table', function() {
                var table = layui.table;
                var datass = ''
                $.ajax({
                    type: "get",
                    url: "json/gzzz.json",
                    async: true,
                    success: function(data) {
                        datass = data.data
                        table.render({
                            elem: '#test2',
                            data: datass,
                            height: 196,
                            cols: [
                                [{
                                    field: 'towerid',
                                    title: 'ID',
                                    width: 80,
                                    sort: true
                                }, {
                                    field: 'towerame',
                                    title: '用户名',
                                    width: 120
                                }]
                            ],
                            skin: 'row' //表格风格
                                ,
                            even: true,
                            page: true //是否显示分页
                                ,
                            limits: [3],
                            limit: 3 //每页默认显示的数量
                        });
                    }
                });
    
    })
    

    相关文章

      网友评论

          本文标题:Layui Table

          本文链接:https://www.haomeiwen.com/subject/kirkwxtx.html