layui table中嵌套对象提取

最新推荐文章于 2024-09-06 09:05:47 发布

不想读书的c某人

最新推荐文章于 2024-09-06 09:05:47 发布

阅读量2.1k

点赞数 3

分类专栏： javaWeb 前端 layui 文章标签： js layui json

本文链接：https://blog.csdn.net/weixin_44714808/article/details/112514109

版权

javaWeb 同时被 3 个专栏收录

5 篇文章 0 订阅

订阅专栏

前端

2 篇文章 0 订阅

订阅专栏

layui

1 篇文章 0 订阅

订阅专栏

在layui中的table 中如果提取到的数据是object中还嵌套这object对象，如果直接显示，则会出现以下的状况

,cols: [
                [ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'bookName', title: 'bookName', width:80}
                ,{field: 'author', title: 'author', width:80, sort: true}
                ,{field: 'bookUrl', title: 'bookUrl', width:80}
                ,{title: 'donatePeople', width:80, sort: true}
                ,{field: 'library',title: 'library', width:100, sort: true}
                ,{field: 'details', title: 'details', width:300, sort: true}
                ,{fixed: "right",width: 160,align:'center',toolbar:"#Tool"}
                ]
            ]

数据格式如下
在这里插入图片描述

在这里插入图片描述
为了提取object中的数据
只需要在{field}中稍作修改即可

cols: [
                [ //表头
                {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
                ,{field: 'bookName', title: 'bookName', width:80}
                ,{field: 'author', title: 'author', width:80, sort: true}
                ,{field: 'bookUrl', title: 'bookUrl', width:80}
                ,{title: 'donatePeople', width:80, sort: true,templet:function (donatePeople) {
                        return donatePeople.donatePeople.wxName;
                    }}
                ,{title: 'library', width:100, sort: true,templet:function (library) {
                        return library.library.libraryName;
                    }}
                ,{field: 'details', title: 'details', width:300, sort: true}
                ,{fixed: "right",width: 160,align:'center',toolbar:"#Tool"}
                ]
            ]