Layui Table

1、前台分页

• HTML代码

• 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 //每页默认显示的数量
                    });
                }
            });

})