html sort

<table width="100%" id= "tt" border="0" cellspacing="2" cellpadding="2" align="center">
<tr class="tblTitle" align="center">
<td width="3%"><!-- 序 --><bean:message key="tcm.tmai.index" /></td>
<td width="8%" onclick="sortAble('tt',1)"><!-- 經銷商 --><U><bean:message key="tcm.tmai.custtomer" /></U></td>
<td width="8%" onclick="sortAble('tt',2)"><!-- 系統商 --><U><bean:message key="tcm.tmae.operator" /></U></td>
<td width="8%" onclick="sortAble('tt',3)"><!-- 類別 --><U><bean:message key="tcm.tmai.msisdnType" /></U></td>
<td width="8%"><!-- 門號 --><bean:message key="tcm.tmae.msisdn1" /></td>
<td width="4%"><!-- 進度 --><bean:message key="tcm.tmai.statues" /></td>
<td width="10%" onclick="sortAble('tt',6)"><!-- 進件日 --><U><bean:message key="tcm.tmai.keepDate" /></U></td>
<td width="10%">NP<br/><!-- 申請日 --><bean:message key="tcm.tmai.applyDate" /></td>
<td width="10%">NP<br/><!-- 轉接日 --><bean:message key="tcm.tmae.npDate" /></td>
<td width="10%">
<font color="red"><!-- 聯單號碼 --><bean:message key="tcm.tmae.operatorNumber" /></font><br/>
<font color="blue"><!-- 流水號碼 --><bean:message key="tcm.tmae.ticketNumber" /></font>
</td>
<td><!-- 備注 --><bean:message key="tcm.tmai.remark" /></td>
</tr>

<logic:present name="TcmTmaiForm" property="detailList">
             <%int i = -1;%>
      <logic:iterate name="TcmTmaiForm" id="keyVo" property="detailList" >
                   <%if (++i % 2 == 0) {%>
<tr class="tr1" align="center">
<%} else {%>
<tr class="tr0" align="center"> <%}%>
<td align="center"><bean:write name="keyVo" property="index" /></td>
<td align="left" ><bean:write name="keyVo" property="customername" /></td>
<td align="left" ><bean:write name="keyVo" property="operatorcodeName" /></td>
<td align="left" ><bean:write name="keyVo" property="msisdnTypeName" /></td>