Tablesorter demo

All options included, as well as the uitheme widget

by Mottie

HTML

<link rel="stylesheet" href="https://mottie.github.io/tablesorter/css/theme.blue.css">
<script src="https://mottie.github.io/tablesorter/js/jquery.tablesorter.js"></script>
<script src="https://mottie.github.io/tablesorter/js/widgets/widget-cssStickyHeaders.js"></script>
<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Major</th>
      <th>Sex</th>
      <th>English</th>
      <th>Japanese</th>
      <th>Calculus</th>
      <th class="sorter-false">Geometry</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Major</th>
      <th>Sex</th>
      <th>English</th>
      <th>Japanese</th>
      <th>Calculus</th>
      <th>Geometry</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>Student01</td>
      <td>Languages</td>
      <td>male</td>
      <td>80</td>
      <td>70</td>
      <td>75</td>
      <td>80</td>
    </tr>
    <tr>
      <td>Student02</td>
      <td>Mathematics</td>
      <td>male</td>
      <td>90</td>
      <td>88</td>
      <td>100</td>
      <td>90</td>
    </tr>
    <tr>
      <td>Student03</td>
      <td>Languages</td>
      <td>female</td>
      <td>85</td>
      <td>95</td>
      <td>80</td>
      <td>85</td>
    </tr>
    <tr>
      <td>Student04</td>
      <td>Languages</td>
      <td>male</td>
      <td>60</td>
      <td>55</td>
      <td>100</td>
      <td>100</td>
    </tr>
    <tr>
      <td>Student05</td>
      <td>Languages</td>
      <td>female</td>
      <td>68</td>
      <td>80</td>
      <td>95</td>
      <td>80</td>
    </tr>
    <tr>
      <td>Student06</td>
      <td>Mathematics</td>
      <td>male</td>
      <td>100</td>
      <td>99</td>
      <td>100</td>
      <td>90</td>
    </tr>
    <tr>
      <td>Student07</td>
      <td>Mathematics</td>
      <td>male</td>
      <td>85</td>
      <td>68</td>
      <td>90</td>
      <td>90</td>
    </tr>
    <tr>
      <td>Student08</td>
      <td>Languages</td>
      <td>male</td>
      <td>100</td>
      <td>90</td>
      <td>90</td>
      <td>85</td>
  ...

JavaScript

/* Documentation for this tablesorter FORK can be found at
 * http://mottie.github.io/tablesorter/docs/
 */
$(function() {

  $('table').tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'cssStickyHeaders'],
    widgetOptions: {
      cssStickyHeaders_offset: 0,
      cssStickyHeaders_addCaption: true,
      // jQuery selector or object to attach sticky header to
      cssStickyHeaders_attachTo: null,
      cssStickyHeaders_filteredToTop: true,
      cssStickyHeaders_zIndex: 10

    }
  });

});