Jquery Table Sort Example - Jquery

How to sort table in jquery?

Snippet Code

Rate this page :
  [ 0 votes]

Jquery tablesorter is used to sort the data of a table. By clicking the column heading the table becomes sortable. The jquery.tablesorter.min.js file plugin is used to sort the values in a table.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src='http://tablesorter.com/__jquery.tablesorter.min.js'></script> <script type='text/javascript'> $(document).ready(function() { $("#myTable").tablesorter(); } ); </script> <table id="myTable" class="tablesorter" border=2 cellspacing=5 cellpadding=5> <thead> <tr> <th>Last Name <></th> <th>First Name <></th> <th>Email <></th> <th>Mobile <></th> </tr> </thead> <tbody> <tr> <td>Smith</td> <td>John</td> <td>jsmith@gmail.com</td> <td>8878987874</td> </tr> <tr> <td>Bach</td> <td>Frank</td> <td>fbach@yahoo.com</td> <td>9687457890</td> </tr> <tr> <td>Doe</td> <td>Jason</td> <td>jdoe@hotmail.com</td> <td>7845789600</td> </tr> </tbody> </table>


Ask Questions

Ask Question