Layui Table

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

})
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 179,308评论 25 708
  • MetInfo应用开发文档 1. 开发准备 1.1 前言 MetInfo应用制作介绍MetInfo企业网站管理系统...
    layjoy阅读 12,390评论 4 5
  • 13.苏冉 苏冉一边煮着冰糖梨,一边呆呆地想着心事。熄了火,却没有心情享用甜点,回到客厅蜷在沙发里,盯着茶几边的那...
    胡偲阅读 531评论 0 1
  • 原文地址:Asynchronous Testing with Protractor’s ControlFlow 首...
    LiWonderfull阅读 1,080评论 0 1
  • 我把人物停到新手村的银杏树下,心中洋溢着名为兴奋的感觉。 因为过期任务的野猪头没有消失,所以也可以判断为所有野猪头...
    徐湘楠阅读 322评论 0 1

友情链接更多精彩内容