Look the code.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sugestão de Compra</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<style type="text/css">
<!--
tr {
background-color: #CCCCCC;
}
.tr1 {
background-color: #F5F5F5;
}
.tr2 {
background-color: #E5E5E5;
}
.style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.style5 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9; }
.style9 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight:bold }
-->
</style>
<script type="text/JavaScript">
//Genuine code by Corneliu Lucian 'KOR' Rusu -- mailto:cornel@mc.ro
function sortIt(w){
var r=w.parentNode.parentNode.parentNode.getElementsByTagName('tr');
var oRows = new Array()//colectia de clone linii
var iRows = new Array()//matricea indexurilor liniilor
for(var i=1;i<r.length;i++){
oRows[i]=r[i].cloneNode(true);//cloneaza liniile
iRows[i]=r[i].rowIndex;
}
var q=w.parentNode.cellIndex;
var oCol = new Array()
var vCol = new Array()
for(var i=0;i<iRows.length;i++){
var v = r[i].cells[q].firstChild.nodeValue;
if(parseInt(v)){v=parseInt(v)}
oCol[i]=[v,iRows[i]];
vCol[i]=[v,iRows[i]];
}
oCol.shift();
vCol.shift();
sCol = oCol.sort(function(oCol,sCol){return oCol[0] == sCol[0] ? 0 : (oCol[0] < sCol[0] ? -1 : 1)});
if(vCol.toString()==sCol.toString()){sCol.reverse()}// switcher descendent/ascendent
var q=1;
for(var i=1;i<r.length;i++){//rescrie liniile
r[i].parentNode.replaceChild(oRows[sCol[i-1][1]],r[i]);
//START pastreaza alternata bg linii
q=(q>2)?1:q
r[i].className='tr'+q;q++;
// END pastreaza alternata bg linii
}
//schimba sagetile descendent/ascendent
var s =['desc.gif','cres.gif'];//url-ul relativ al sagetilor
var allS =r[0].getElementsByTagName('img');
var sag = w.getElementsByTagName('img')[0];
var url =(sag.getAttribute('src').indexOf(s[0])>-1)?s[1]:s[0];
sag.setAttribute('src',url);
for(var i=0;i<allS.length;i++){//initializeaza celelalte sageti
if(allS[i]!=sag){allS[i].setAttribute('src',s[0])
}
}
}
</script>
</head>
<body>
<table width="400" border="0" cellspacing="2" cellpadding="2">
<tbody>
<tr>
<td class="style9">Iten<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Descricao<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Fantasia<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Embalagem<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Preço de Venda</td>
<td class="style9">Disponivel<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Reserva<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Futuro</td>
<td class="style9">MDV<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">DDV Disponível<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">DDV Max.<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">DDV Min.<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">DT ULT ENT</a></td>
<td class="style9">QTD ULT ENT<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">Qtde Comprar<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+1<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+2<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+3<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+4<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+5<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+6<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+7<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+8<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+9<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
<td class="style9">D+10<a href="#" onclick="sortIt(this);return false"><img src="desc.gif" border="0"></a></td>
</tr>
<%
v_contador = 0
While Not rs.eof
If v_contador MOD 2 = 0 Then
vcor = "tr" + "1"
Else
vcor = "tr" + "2"
End if
%>
<tr class="<%=vcor%>">
<td class="style3"><%=rs("coditprod")%></td>
<td class="style3"><%=rs("descricao")%></td>
<td class="style3"><%=rs("fantasia")%></td>
<td class="style3"><%=rs("embalagem")%></td>
<td class="style3"><%=replace(formatcurrency(rs("preco_venda"),2),",",".")%></td>
<td class="style3"><%=replace(formatnumber(rs("disponivel"),3),",",".")%></td>
<td class="style3"><%=replace(formatnumber(rs("resfis"),3),",",".")%></td>
<td class="style3">
<%
If formatnumber(rs("futuro"),3) > 0 Then
%>
<a href="javascript
:abrir('<%=rs("coditprod")%>');"><%=replace(formatnumber(rs("futuro"),3),",",".")%></a>
<%
Else
%>
<%=replace(formatnumber(rs("futuro"),3),",",".")%>
<%
End If
%>
</td>
<td class="style3"><%=replace(formatnumber(rs("mdv"),3),",",".")%></td>
<td class="style3"><%=replace(formatnumber(rs("ddv_disponivel"),3),",",".")%></td>
<td class="style3"><%=replace(rs("maxddv"),",",".")%></td>
<td class="style3"><%=replace(rs("minddv"),",",".")%></td>
<td class="style3"><%=replace(rs("DTULTENT"),",",".")%></td>
<td class="style3"><%=replace(formatnumber(rs("QTDULTENT"),3),",",".")%></td>
<td class="style3"><%=replace(formatnumber(rs("qtde_comprar"),3),",",".")%></td>
<%if formatnumber(rs("d1"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d1"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d2"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d2"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d3"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d3"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d4"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d4"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d5"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d5"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d6"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d6"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d7"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d7"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d8"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d8"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d9"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d9"),0),",",".")%></td>
<%end if%>
<%if formatnumber(rs("d10"),0) = "0" then%>
<td class="style3"> </td>
<%else%>
<td class="style3"><%=replace(formatnumber(rs("d10"),0),",",".")%></td>
<%end if%>
</tr>
<%
v_contador = v_contador + 1
rs.Movenext
Wend
%>
</tbody>
</table>
<br>
<center>
<input type='button' value='Voltar' onclick="javascript
:location.href='rel_sugestao_compra.asp';">
</center>
</Form>
</body>
</html>
Before you post, read our: 
Dynamic table with javascript
penPopup('<asp code>');"><asp code></a></td> <!-- Put the hyperlink -->
