Simple sorting function
HTML code:
<Body><inputID= "BTN1"type= "button"value= "Sort"/><TableID= "Tab1"Border= "1"width= "$"> <thead> <TD>Id</TD> <TD>Name</TD> <TD>Age</TD> <TD>Operation</TD> </thead <tbody> <TR> <TD>4</TD> <TD>Tom</TD> <TD>25</TD> <TD></TD> </TR> <TR> <TD>2</TD> <TD>John doe</TD> <TD>26</TD> <TD>Delete</TD> </TR> <TR> <TD>5</TD> <TD>Wangsi</TD> <TD>30</TD> <TD></TD> </TR> <TR> <TD>1</TD> <TD>Liu San</TD> <TD>20</TD> <TD></TD> </TR> <TR> <TD>31</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>68</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>32</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>75</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>45</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>63</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>89</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> <TR> <TD>52</TD> <TD>Zhao Liu</TD> <TD>26</TD> <TD></TD> </TR> </tbody></Table></Body>
JS Code
<script>window.onload=function() { varOtab=document.getelementbyid (' Tab1 '); varObtn=document.getelementbyid (' btn1 '); Obtn.onclick=function() { varArr=[]; for(vari=0;i<otab.tbodies[0].rows.length;i++) {Arr[i]=otab.tbodies[0].rows[i]; } arr.sort (function(TR1,TR2) {varN1=parseint (tr1.cells[0].innerhtml); varN2=parseint (tr2.cells[0].innerhtml); returnN1-N2; }) for(vari=0;i<arr.length;i++) {otab.tbodies[0].appendchild (Arr[i]); } }; };</script>
Before running the above code
Post-run effects
JS Simple Sort