layui table 用法

 

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 //解析数据列表
    };
}