jquery.dataTables 根据一列值设置另一列值的展示样式

项目中要根据是否数据异常字段,给数据字段的展示加样式,数据异常显示为红色,数据正常显示为黑色,

var colum = [{
			"tittle" : "序号",
			"data" : "index"
		},{
			"tittle" : "设备名称",
			"data" : "equip_name"
		},{
			"tittle" : "设备类型",
			"data" : "equip_type",
			"render" : function(data){
			  if (data == "01") {
				data = "变电站";
				return data;
			  }
			  if (data == "02") {
				data = "杆塔";
				return data;
			  }
			  if (data == "04") {
				data = "气象站";
				return data;
			  }
		}
		},{
			"tittle" : "极大值",
			"data" : "temperature_max",
			"render":function(data,type,full,row)
            { 
				if(full.temperature_max_Excep!=null&&full.temperature_max_Excep){
			
					return '<span class="exceptionData">'+data+'</span>';
				} else{
            	  return data;
				}
            }  
		},{
			"tittle" : "极小值",
			"data" : "temperature_min",
			"render":function(data,type,full,row)
            { 
				if(full.temperature_min_Excep!=null&&full.temperature_min_Excep){
			
					return '<span class="exceptionData">'+data+'</span>';
				} else{
            	  return data;
				}
            }  
		}
		];
		
		$('#object_table').DataTable({
			"bDestroy": true,// 刷新数据
			"language": dataTableLang,//语言
			"dom" : "t" + "<'row row_page '<'col-sm-6'i><'col-sm-6'p>>",	
			"autoWidth":false,//自适应宽度
			"paginate": true,
			"bSort": false,//排序?
			"bProcessing": false,
			"paging" : true,//是否分页
			"bServerSide": true,//服务器端分页
			"bInfo" : true,// 页脚信息
			"pageLength" : pageSize,//每页显示的条数
			"columns" : colum,//对应列
			"ajax" :Tools.bind(this,this.querymeteorologicalInfo)
		});

其中:"render":function(data,type,full,row) {  }  

render:渲染(处理)数据显示在表格中;data:每一个cell对应的data;type:发起调用的操作类型(filterdisplaytypesort);full:该行对应的所有值;row:一个对象包含了单元格的附加信息,对象包含如下属性:row - 被请求的单元格行的索引、col - 被请求的单元格列的索引、settings

或者方法写成render( data, type, row, meta ){  }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值