SOURCE

console 命令行工具 X clear

                    
>
console
var json = [
  [
    {
      type:'null',
      number:96
    },
    {
      type:'null',
      number:22
    },
    {
      type:'null',
      number:22
    },
    {
      type:'null',
      number:2
    },

  ],
  [
    {
      type:'null',
      number:832
    },
    {
      type:'null',
      number:3
    },
    {
      type:'null',
      number:9
    },
    {
      type:'null',
      number:3332
    },

  ],
  [
    {
      type:'null',
      number:12
    },
    {
      type:'null',
      number:39
    },
    {
      type:'null',
      number:422
    },
    {
      type:'null',
      number:221
    },

  ],
  [
    {
      type:'null',
      number:32
    },
    {
      type:'null',
      number:99
    },
    {
      type:'null',
      number:772
    },
    {
      type:'null',
      number:2912
    },

  ]

]

for(var i=0;i<json[0].length;i++){
  if(i+1<json[0].length){
    var is = i +1
    var thistd = json[is]
    for(var j=0;j<thistd.length;j++){
     // 大于th 加样式
     if(json[0][j].number < json[is][j].number){
       json[is][j].type='color';
     }
     // 最大值 加样式
    
    
    }
  }
}
                             
var html='<table border="1">';
var len = json[0];
for(var j=0;j<json.length;j++){
  var max = (a, b) => a > b ? a : b;
  var td=  json[j];
  
  html+='<tr>'
  for(var i=0;i<td.length;i++){
     var maxArr = td.reduce(max);
    if(j==0){
       html+='<th>'+td[i].number+'</th>';  
      //console.log(html,i)

    }else{
      if(td[i].type=='color'){
        html+='<td class="red">'+td[i].number+'</td>';
      }else{
        html+='<td>'+td[i].number+'</td>';
      }
       
    } 
	}
  html+='</tr>'
}
html+='</table>'

$('.tableEle').append(html)


















<div class='tableEle'></div>
table{
  color: #fff
}
.red{ color:red!important}

本项目引用的自定义外部资源