美文网首页
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