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

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 cplex运行后参数报错是为什么
  • ¥15 之前不小心删了pycharm的文件,后面重新安装之后软件打不开了
  • ¥15 vue3获取动态宽度,刷新后动态宽度值为0
  • ¥15 升腾威讯云桌面V2.0.0摄像头问题
  • ¥15 关于Python的会计设计
  • ¥15 聚类分析 设计k-均值算法分类器,对一组二维模式向量进行分类。
  • ¥15 stm32c8t6工程,使用hal库
  • ¥15 找能接spark如图片的,可议价
  • ¥15 关于#单片机#的问题,请各位专家解答!
  • ¥15 博通raid 的写入速度很高也很低