JSFiddle - React, Tailwind, and code Playground

by Ken Sprague

HTML

<!DOCTYPE html>
<html>

  <head>
    <title>Comic Book Investment Fund</title>
    <meta charset="utf-8" />
    <script type="text/javascript" src="/path/to/jquery-latest.js"></script>
    <script type="text/javascript" src="/path/to/jquery.tablesorter.js"></script>
  </head>

  <body>
    <h1>Comic Book Investment Fund</h1>
    <table id="myTable" 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>
        </tr>
        <tr>
          <td>Ghost Rider #1</td>
          <td>9.2 (NM-)</td>
          <td>CGC Universal</td>
         ...

JavaScript

$(document).ready(function() 
    { 
        $("#myTable").tablesorter(); 
    } 
);