layui table 用法

最新推荐文章于 2023-03-03 09:03:01 发布

weixin_30741653

最新推荐文章于 2023-03-03 09:03:01 发布

阅读量138

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liw66/p/10796551.html

版权

1.使用模板列 改变样式 获取嵌套数据
{
    field: '', width: '12%', title: '响应状态', sort: true, templet:
        function (d) {
            if (d.response.status < 200) {
                return '<span class="ant-tag ant-tag-pink">' + d.response.status + '</span>';
            } else if (d.response.status < 201) {
                return '<span class="ant-tag ant-tag-green">' + d.response.status + '</span>';
            } else if (d.response.status < 399) {
                return '<span class="ant-tag ant-tag-cyan">' + d.response.status + '</span>';
            } else if (d.response.status < 403) {
                return '<span class="ant-tag ant-tag-orange">' + d.response.status + '</span>';
            } else if (d.response.status < 501) {
                return '<span class="ant-tag ant-tag-red">' + d.response.status + '</span>';
            } else {
                return d.response.status
            }
        }
}

2.自定义返回数据

,parseData: function(res) { //res 即为原始返回的数据
    return {
        "code": 0, //解析接口状态
        "msg": "", //解析提示文本
        "count": res.traces.length, //解析数据长度
        "data": res.traces //解析数据列表
    };
}

转载于:https://www.cnblogs.com/liw66/p/10796551.html