layuiTable根据返回的JSON内容改变指定行的颜色
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了layuiTable根据返回的JSON内容改变指定行的颜色，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1391字，纯文字阅读大概需要2分钟。
内容图文
//
渲染表格
var insTb = table.render({
elem: ‘#tableArticles‘,
//url: ‘../../json/loginRecord.json‘,
url: ‘{:url(‘hospital/index‘)}‘,
limit: 10,
page: true,
cellMinWidth: 100,
title: ‘预约列表‘,
cols: [[
{field:‘name‘,title: ‘姓名‘,width:80,align: ‘center‘},
{field:‘sex‘,title: ‘性别‘,width:60,align: ‘center‘},
{field:‘old‘, title: ‘年龄‘,width:60,align: ‘center‘},
{field:‘tel‘, title: ‘电话‘,width:120,align: ‘center‘},
{field:‘address‘, title: ‘地址‘,width:100,align: ‘center‘},
{field:‘m_type‘, title: ‘病患类型‘,align: ‘center‘},
{field:‘doctor_num‘, title: ‘专家号‘,width:80,align: ‘center‘},
{field:‘doctor‘, sort: true,title: ‘专家‘},
{field:‘con‘,title: ‘咨询内容‘},
{
field: ‘status‘, align: ‘center‘,width:80, templet: function (d) {
var strs = [‘等待‘,‘已到诊‘];
return strs[d.status];
}, title: ‘状态‘
},
{field:‘view_time‘,title: ‘预约时间‘},
{field:‘depart‘,title: ‘部门‘},
{field:‘media‘,title: ‘媒体‘},
{field:‘service‘,title: ‘客服‘},
{field:‘jjbs‘,title: ‘竞价标识‘},
{align:‘center‘, toolbar: ‘#tableBarArticles‘, title: ‘操作‘, minWidth: 160,fixed: ‘right‘}
]],
done: function (response) {
//定位当前table视图var tableView = this.elem.next();
//response.data获取后端返回的JSON格式数据
$.each(response.data,function (index,item) {
//逻辑判断if(item.status == "1"){
//改变TR标签内字体颜色
tableView.find(‘tbody tr[data-index="‘+ index +‘"]‘).css(‘color‘,‘red‘);
}
})
}
});
原文：https://www.cnblogs.com/panziwen/p/12435736.html
内容总结
以上是互联网集市为您收集整理的layuiTable根据返回的JSON内容改变指定行的颜色全部内容，希望文章能够帮你解决layuiTable根据返回的JSON内容改变指定行的颜色所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】