list操作的问题

[babybooser]

从后来返回一个list的话，现在在页面table里显示出来，但是回传的list排序有些问题，我想根据list[i].id和list[i].prop两个字段来进行排序。
举例：
list里有5条数据
{id:01,prop:0,belong:Scott,com:Company A},
{id:01,prop:0,belong:Scott,com:Company A},
{id:02,prop:0,belong:Smith,com:Co.B },
{id:01,prop:1,belong:Anderson,com:Company A},
{id:01,prop:1,belong:Scott,com:Company A}
页面效果：

如何操作此list可以达到如上页面效果

[babybooser]

list最后一条数据belong应为Anderson

[KK3K2005]

问题阐述不清晰 你是要对 list的数据进行排序 还是要把list的数据 变成 table？

[华海未寒]

循环。要不json

[babybooser]

是这样，针对2楼的问题，我想说控制肯定是针对list的，等到页面的时候就剩一个个foreach出来了，页面显示的时候肯定都排序完毕

[fzfei2]

 <style>
    table{ border-collapse:collapse; }
    td{border:1px solid #000; }
</style>
<table border=1 id="t1" >
	<tr>
		<td>id</td><td>prop</td><td>belong</td><td>com</td>
	</tr> 
</table> 
 
 
<script>
var ds=[{id:'01',prop:'0',belong:'Scott',com:'Company  A'},
{id:'01',prop:'0',belong:'Scott',com:'Company  A'},
{id:'02',prop:'0',belong:'Smith',com:'Co.B'},
{id:'01',prop:'1',belong:'Anderson',com:'Company  A'},
{id:'01',prop:'1',belong:'Scott',com:'Company  A'}];
ds.sort(function(a,b){
	 return a.id+a.prop >  b.id+b.prop ?1:-1 
});
t1=document.getElementById('t1');
var cls='id prop belong com'.split(' ');
for(var i=0;i<ds.length;i++){
	 var r= t1.insertRow(-1);
		for(k in ds[i]) r.insertCell(-1).innerHTML=ds[i][k];
}

function mergeCell(tb,i){
    var rs=tb.rows,ac,acv;
    if(!rs.length) return;
    for(var r=0;r<rs.length;r++){
        var cs=rs[r].cells, c=cs[i];
        if( !ac|| (c.innerHTML!=ac.innerHTML ) ){
            ac=c;
        }else{
        	 ac.rowSpan++;
        	 c.style.display='none'
        }
    }
}
mergeCell(t1,2);
mergeCell(t1,3);
 
</script>
 

[babybooser]

楼上的同学虽然解决了，但并不是我想要的解决办法，感觉这样的解决通用性太差了

[fzfei2]

引用 6 楼 babybooser 的回复:

楼上的同学虽然解决了，但并不是我想要的解决办法，感觉这样的解决通用性太差了

封装函数或对象，你觉得那些是动态变化的做成参数不就行了