Sort Contents of Table Javascript

Javascripts > Javascript Forms > Sort Contents of Table

Script Title: Sort Contents of Table

Description: A javascript to sort the contents of a table.

Example: Available

TABLE-1
HEADING1	HEADING2	HEADING3	HEADING4
ww	xx	23	44
11	ee	13	34
hh	bb	43	24
aa	qq	33	14
Total			116

Copy the following code between the <BODY></BODY> tags of your html page.

<form name='form1'> <TABLE ID=TAB1 border=1><CAPTION>TABLE-1</CAPTION> <THEAD> <TH><a href="javascript:sortTable('TAB1', 0, true, false,false,true)">HEADING1</a></TH> <TH><a href="javascript:sortTable('TAB1', 1, true, false,false,true)">HEADING2</a></TH> <TH><a href="javascript:sortTable('TAB1', 2, true, true, false,true)">HEADING3</a></TH> <TH><a href="javascript:sortTable('TAB1', 3, true, true, false,true)">HEADING4</a></TH> </THEAD> <TBODY id='body1'> <TR><TD>ww</TD><TD>xx</TD><TD>23</TD><TD>44</TD></TR> <TR><TD>11</TD><TD>ee</TD><TD>13</TD><TD>34</TD></TR> <TR><TD>hh</TD><TD>bb</TD><TD>43</TD><TD>24</TD></TR> <TR><TD>aa</TD><TD>qq</TD><TD>33</TD><TD>14</TD></TR> <TR><TD colspan=3>Total</TD><TD>116</TD></TR> </TBODY> </TABLE> <script> function sortTable(tgtTable, onCol, hasHeading, asNumber, Descending, skipLastRow) { tgtTable = document.getElementById(tgtTable); if(!onCol) onCol=0; if(skipLastRow) skipLastRow = 1; else skipLastRow = 0; var i=0; if(hasHeading) i=1; var nRows = tgtTable.rows.length; var t, ele1, ele2; for(; i < nRows-1-skipLastRow; i++) { t=i; for(var j=i+1; j < nRows-skipLastRow; j++) { ele1 = tgtTable.rows[j].cells[onCol].innerText; ele2 = tgtTable.rows[t].cells[onCol].innerText; if(asNumber) { ele1 = parseFloat(ele1); ele2 = parseFloat(ele2); } if(!Descending && ele1 < ele2) t=j; else if(Descending && ele1 > ele2) t=j; } tgtTable.tBodies[0].insertBefore(tgtTable.rows[t], tgtTable.rows[i]); } } </script> </form>

Graphxkingdom
Thousands of free Icons, Clipart & Themes!

Free-Backgrounds
Hundreds of eye-popping Backgrounds & Textures

Java-scripts.net
Cool and easy effects with cut-and-paste Javascripts!