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

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日
  • 展开全部

悬赏问题

  • ¥20 西门子S7-Graph,S7-300,梯形图
  • ¥50 用易语言http 访问不了网页
  • ¥50 safari浏览器fetch提交数据后数据丢失问题
  • ¥15 matlab不知道怎么改,求解答!!
  • ¥15 永磁直线电机的电流环pi调不出来
  • ¥15 用stata实现聚类的代码
  • ¥15 请问paddlehub能支持移动端开发吗?在Android studio上该如何部署?
  • ¥20 docker里部署springboot项目,访问不到扬声器
  • ¥15 netty整合springboot之后自动重连失效
  • ¥15 悬赏!微信开发者工具报错,求帮改