layui table 用法

1.使用模板列 改变样式 获取嵌套数据
{
field: '', '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