layui table表单动态渲染/无数据修改提示语

//layui 模块渲染
    layui.use(['form', 'layedit', 'laydate', 'upload', 'element'], function () {
        var form = layui.form
            , layer = layui.layer, layedit = layui.layedit, laydate = layui.laydate
            , upload = layui.upload, element = layui.element, table=layui.table;
        // 动态数据表渲染/ 自定义field显示值
        table.render({
            elem: '#test'                            /* 绑定表格容器id */
            , url: '/i/point/getalluser'     /* 获取数据的后端API URL */
            //, where: { getlist: 'orderlist' }              /* 这里还可以额外的传参到后端 */
            , method: 'post'                           /* 使用什么协议,默认的是GET */
            , cellMinWidth: 60                         /* 最小单元格宽度 */
            , cols: [[
                { field: 'Id', title: 'Id', align: 'center', hide: true, width: 60 }
                , { field: 'Point', title: '积分', align: 'center', width: 140 }
                , { field: 'Remark', title: '备注', align: 'center', sort: false, width: 300 }
                , {
                    field: 'CheckState', title: '状态', align: 'center', sort: false, width: 160, templet: function (res) {
                         if (res.CheckState == 2) {
                            return '真好';
                        } else if (res.CheckState == 3) {
                            return '好';
                        }
                    }
                }
                , { field: 'MyRemark', title: 'Phản hồi', align: 'center', sort: false,  }
            ]]    // 使用sort将自动为我们添加排序事件,完全不用人工干预
            , page: true    //是否显示分页
            , limit: 10     //每页默认显示的数量
            , id: 'testReload' // 这里就是重载的id
            , limits: [10, 20, 40]   //分页条数
            , done: function (res, curr, count) {
                //当无数据时显示内容
                if (res.count == 0) {
                    $(".layui-table-main").html('<div class="layui-none">Không có số liệu</div>');
                } else {
                    //修改总条数
                    $(".layui-laypage-count").html(res.count);
                    //修改总条数 limit select显示内容
                    $("#layui-table-page1").find("option").each(function () {
                        $(this).html($(this).val());
                    });
                }
            }
        });    
    }

分页显示内容调整

无数据提示语修改

posted @ 2022-03-21 14:39    阅读(1558)  评论(0编辑  收藏  举报