ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

layuiTable根据返回的JSON内容改变指定行的颜色

2022-03-25 20:02:20  阅读:138  来源: 互联网

标签:index center title align layuiTable 指定 field JSON width


 1         // 渲染表格
 2         var insTb = table.render({
 3             elem: '#tableArticles',
 4             //url: '../../json/loginRecord.json',
 5             url: '{:url('hospital/index')}',
 6             limit: 10,
 7             page: true,
 8             cellMinWidth: 100,
 9             title: '预约列表',
10             cols: [[
11                 {field:'name',title: '姓名',width:80,align: 'center'},
12                 {field:'sex',title: '性别',width:60,align: 'center'},
13                 {field:'old', title: '年龄',width:60,align: 'center'},
14                 {field:'tel', title: '电话',width:120,align: 'center'},
15                 {field:'address', title: '地址',width:100,align: 'center'},
16                 {field:'m_type', title: '病患类型',align: 'center'},
17                 {field:'doctor_num', title: '专家号',width:80,align: 'center'},
18                 {field:'doctor', sort: true,title: '专家'},
19                 {field:'con',title: '咨询内容'},
20                 {
21                     field: 'status', align: 'center',width:80, templet: function (d) {
22                         var strs = ['等待','已到诊'];
23                         return strs[d.status];
24                     }, title: '状态'
25                 },
26                 {field:'view_time',title: '预约时间'},
27                 {field:'depart',title: '部门'},
28                 {field:'media',title: '媒体'},
29                 {field:'service',title: '客服'},
30                 {field:'jjbs',title: '竞价标识'},
31                 {align:'center', toolbar: '#tableBarArticles', title: '操作', minWidth: 160,fixed: 'right'}
32             ]],
33             done: function (response) {
34                //定位当前table视图
35                var tableView = this.elem.next();
36                 //response.data获取后端返回的JSON格式数据
37                $.each(response.data,function (index,item) {
38                     //逻辑判断
39                    if(item.status == "1"){
40                         //改变TR标签内字体颜色
41                        tableView.find('tbody tr[data-index="'+ index +'"]').css('color','red');
42                    }
43                })
44             }
45         });

 

标签:index,center,title,align,layuiTable,指定,field,JSON,width
来源: https://www.cnblogs.com/lgx5/p/16056411.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有