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++){
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>';
}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}