Added table sorter Functionality to the leaderboard Table

css/dashboard.css

@@ -72,6 +72,18 @@ tbody[sorted] .badge:not([delta="0"]):not([delta="NaN"])[delta]:after {
   animation: fade-out 20s ease 0s 1;
   visibility: collapse;
 }
+table.tablesorter thead tr .header {
+	background-image: url(bg.gif);
+	background-repeat: no-repeat;
+	background-position: center right;
+	cursor: pointer;
+}
+table.tablesorter thead tr .headerSortUp {
+	background-image: url(asc.gif);
+}
+table.tablesorter thead tr .headerSortDown {
+	background-image: url(desc.gif);
+}
 .badge:not([delta="0"]):not([delta="NaN"])[delta-type="inc"][delta]:after {
   content: "+" attr(delta);
   color: green;

index.html

@@ -27,14 +27,15 @@
 
       <h1>Mozilla India Developer Leaderboard</h1>
 
-      <table class="table table-striped" id="list">
+      <table class="table table-striped tablesorter" id="list">
         <thead>
           <tr>
-              <th colspan="2">Pic 'n' Nick</th>
-              <th>Assigned Bugs</th>
-              <th>Fixed Bugs</th>
-              <th>Commit Access</th>
-              <th>Kickass in</th>
+          	  <th></th>	
+              <th class="header">Pic 'n' Nick</th>
+              <th class="header">Assigned Bugs</th>
+              <th class="header">Fixed Bugs</th>
+              <th class="header">Commit Access</th>
+              <th class="header">Kickass in</th>
           </tr>
         </thead>
         <tbody>
@@ -48,6 +49,7 @@ <h1>Mozilla India Developer Leaderboard</h1>
       </p>
     </div>
     <script type="text/javascript" src="js/jquery.js"></script>
+    <script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
     <script type="text/javascript" src="js/md5.js"></script>
     <script type="text/javascript" src="js/app.js"></script>
   </body>

js/app.js

@@ -83,6 +83,7 @@ var leaderboard = {};
     // Sort the stats.json data itself, before putting in the DOM.
     $("#list").append(dom);
     leaderboard.sortResults();
+    setTimeout(function(){$("#list").tablesorter({headers: {0: {sorter: false}}});},100);
 
   }).fail(function (error) {
     console.log(error);