jQuery Tablesorter - Comics

by Ken Sprague

HTML

<script src="https://code.jquery.com/jquery-1.12.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.5/js/jquery.tablesorter.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.25.5/css/theme.blue.min.css">
<!DOCTYPE html>
<html>

  <head>
    <title>Comic Book Investment Fund</title>
    <meta charset="utf-8" />
  </head>

  <body>
    <h1>Comic Book Investment Fund</h1>
    <table id="comictable" class="tablesorter">
      <thead>
        <tr>
          <th>Comic Book</th>
          <th>Condition</th>
          <th>Grading Company</th>
          <th>Certification Number</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>Alias #1</td>
          <td>9.8 (NM/MT)</td>
          <td>CGC Universal</td>
          <td>0341441001</td>
        </tr>
        <tr>
          <td>The Amazing Spider-Man #100</td>
          <td>9.4 (NM)</td>
          <td>CGC Universal</td>
          <td>0341442001</td>
        </tr>
        <tr>
          <td>The Amazing Spider-Man #101</td>
          <td>7.5 (VF-)</td>
          <td>CGC Universal</td>
          <td>1245365001</td>
        </tr>
        <tr>
          <td>The Amazing Spider-Man #135</td>
          <td>9.2 (NM-)</td>
          <td>CGC Universal</td>
          <td>0341442004</td>
        </tr>
        <tr>
          <td>Batman #1 (sketch)</td>
          <td>9.8 (NM/MT)</td>
          <td>CGC Signature Series</td>
          <td>1064213015</td>
        </tr>
        <tr>
          <td>Conan the Barbarian #24</td>
          <td>9.6 (NM+)</td>
          <td>CGC Universal</td>
          <td>0228272001</td>
        </tr>
        <tr>
          <td>Daredevil #16</td>
          <td>7.0 (FN/VF)</td>
          <td>CGC Universal</td>
          <td>1243781003</td>
        </tr>
        <tr>
          <td>Fantastic Four #52</td>
          <td>5.5 (FN-)</td>
          <td>CGC Universal</td>
          <td>1253050001</td>
...

JavaScript

$("table.tablesorter").tablesorter({
  theme: 'blue',
  widgets: ['zebra']
});