Posted to tcl by colin at Tue Nov 16 13:11:34 GMT 2010view raw

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
  4. <head>
  5. <title>jQuery plugin: Tablesorter 2.0 - Force a default sorting order</title>
  6. <script type="text/javascript" src="/jquery/scripts/jquery-1.4.2.js"></script>
  7. <script type="text/javascript" src="/jquery/scripts/jquery.tablesorter.js"></script>
  8. <script type="text/javascript" id="js">$(document).ready(function() {
  9. // call the tablesorter plugin
  10. $("table").tablesorter({
  11. // set forced sort on the fourth column and i decending order.
  12. sortForce: [[0,0]]
  13. });
  14. }); </script>
  15. </head>
  16. <body>
  17. <div id="main">
  18. <h1>Demo</h1>
  19. <div id="demo">
  20. <table cellspacing="1" class="tablesorter">
  21. <thead>
  22.  
  23. <tr>
  24. <th>First Name</th>
  25. <th>Last Name</th>
  26. <th>Age</th>
  27. <th>Total</th>
  28. <th>Discount</th>
  29.  
  30. <th>Date</th>
  31.  
  32. </tr>
  33. </thead>
  34. <tbody>
  35. <tr>
  36. <td>Peter</td>
  37. <td>Parker</td>
  38.  
  39. <td>28</td>
  40. <td>$9.99</td>
  41. <td>20%</td>
  42.  
  43. <td>Jul 6, 2006 8:14 AM</td>
  44. </tr>
  45. <tr>
  46. <td>John</td>
  47.  
  48. <td>Hood</td>
  49. <td>33</td>
  50. <td>$19.99</td>
  51. <td>25%</td>
  52.  
  53. <td>Dec 10, 2002 5:14 AM</td>
  54. </tr>
  55.  
  56. <tr>
  57. <td>Clark</td>
  58. <td>Kent</td>
  59. <td>18</td>
  60. <td>$15.89</td>
  61. <td>44%</td>
  62.  
  63. <td>Jan 12, 2003 11:14 AM</td>
  64. </tr>
  65. <tr>
  66. <td>Bruce</td>
  67. <td>Almighty</td>
  68. <td>45</td>
  69. <td>$153.19</td>
  70.  
  71. <td>44%</td>
  72.  
  73. <td>Jan 18, 2001 9:12 AM</td>
  74. </tr>
  75. <tr>
  76. <td>Bruce</td>
  77. <td>Evans</td>
  78. <td>22</td>
  79.  
  80. <td>$13.19</td>
  81. <td>11%</td>
  82. <td>Jan 18, 2007 9:12 AM</td>
  83. </tr>
  84. </tbody>
  85. </table>
  86. </div>
  87. </div>
  88. </body>
  89. </html>