项目中要根据是否数据异常字段,给数据字段的展示加样式,数据异常显示为红色,数据正常显示为黑色,
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:发起调用的操作类型(filter
、display
、type
、sort
);full:该行对应的所有值;row:一个对象包含了单元格的附加信息,对象包含如下属性:row
- 被请求的单元格行的索引、col
- 被请求的单元格列的索引、settings
或者方法写成render( data, type, row, meta ){ }