问剑白玉京 2023-04-24 12:14 采纳率: 74.1%
浏览 62
已结题

layui数据表格不显示数据!

在使用layui数据表格的时候,遇到了一个问题,后端传回的数据,在前端不显示。
刚开始的时候是一直报错:

layui table 返回的数据不符合规范,正确的成功状态码应为:"code": 0

经过一番搜查修改之后,是无数据
结果如下

img

然后又修改了一下成为下面这种了:

img

我的代码如下
html

    <div>
        <table id="usertable" lay-filter = "test"></table>
    </div>

js

layui.use('table', function(){
        var table = layui.table;
        table.render({
            elem: '#usertable'
            ,height: 312
            , url: '{% url "getsysuser0" %}' // 数据接口
            , page: true
            , cols: [[
                {field: 'user_id', title:'用户编号',width:120, sort:true, fixed:'left'}
                ,{field: 'account', title:'账号',width:100,sort:true}
                ,{field: 'password', title:'密码',width:100}
                ,{field: 'nickname', title:'昵称',width:120}
                ,{field: 'age', title:'年龄',width:80,sort:true}
                ,{field: 'gender', title:'性别',width:80}
                ,{field: 'phone', title:'电话',width:100}
                ,{field: 'email', title:'邮箱',width:100}
                ,{field: 'addtime', title:'添加时间',width:150}
            ]]
            , parseData:function(res){
                console.log(res)
                return {
                    "code": 0,
                    "msg":"",
                    "count":res.count,
                    "data":res.users
                }
            }
        });
    });

后端代码


@csrf_exempt
def getSysUser0(request):

    # 获取普通用户
    users = Sysusers.objects.filter(type__exact = 0)

    sysusers = serializers.serialize("json",users,ensure_ascii=False)
    sysusers = json.loads(sysusers)
    data = {
        "users":sysusers,
        "count":len(users)
    }
    
    return JsonResponse(data,safe=False,json_dumps_params={'ensure_ascii': False})
  • 写回答

3条回答 默认 最新

  • 「已注销」 2023-04-24 17:10
    关注

    img


    users应该是这样的结构

    users: [{
        account: '',
        addtime: '',
        age: "",
        // 其余字段省略
    }]
    
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 5月2日
  • 已采纳回答 4月24日
  • 修改了问题 4月24日
  • 修改了问题 4月24日
  • 展开全部

悬赏问题

  • ¥15 Stata链式中介效应代码修改
  • ¥15 latex投稿显示click download
  • ¥15 请问读取环境变量文件失败是什么原因?
  • ¥15 在若依框架下实现人脸识别
  • ¥15 网络科学导论,网络控制
  • ¥100 安卓tv程序连接SQLSERVER2008问题
  • ¥15 利用Sentinel-2和Landsat8做一个水库的长时序NDVI的对比,为什么Snetinel-2计算的结果最小值特别小,而Lansat8就很平均
  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错