table排序

table td事件

   <td align="center" width="110px"  height="25px" onClick="javascript:sort(this,1,0)"><font  size=2 style="font-weight:bold;">⇕ Start</font></td>

sort事件

注意: f是 script下的全局变量

function sort(th,iRow, iCol){
	f++;
	var table=document.getElementById("tableTrip");
	//alert(tid);
	var ascChar = " ▲";
	var descChar = " ▼";
	var rows=table.tHead.rows;		         
	//alert(iCol);
	for (var i = 0; i < rows.length; i++) {
	  for(var j=0;j<rows[i].cells.length;j++){//取得第几行下面的td个数,再次循环遍历该行下面的td元素
		 var th = rows[i].cells[j];					 
		 var thText= th.innerHTML.replace(ascChar, "").replace(descChar, "");
		 if(i==iRow&&j==iCol){									
		 }
		 else{
		  th.innerHTML=thText;
		 }					
	  }
	}
	if(f%2==0)
		 gotoASC(${usersession.hasPrivilegeByName("Business Trip Info.")});
	else
		 gotoDESC(${usersession.hasPrivilegeByName("Business Trip Info.")});
		         
	var th = rows[iRow].cells[iCol];
					
	if (th.innerHTML.indexOf(ascChar) == -1 && th.innerHTML.indexOf(descChar) == -1) {
		 th.innerHTML += descChar;		
	}
	else if (th.innerHTML.indexOf(ascChar) != -1) {
		th.innerHTML=th.innerHTML.replace(ascChar, descChar);
	}
	 else if (th.innerHTML.indexOf(descChar) != -1) {
		th.innerHTML=th.innerHTML.replace(descChar, ascChar);
	}	          
}
原文地址:https://www.cnblogs.com/wujixing/p/5913091.html