JSFiddle - React, Tailwind, and code Playground

HTML

<table id='box-table-a' border='0' width='100%'><thead><tr><th><a href='?direction=DESC&order=job&type=medical&max=90&min=0&coding=true'>job</th><th><a href='?direction=DESC&order=Physician&type=medical&max=90&min=0&coding=true'>Physician</th><th><a href='?direction=DESC&order=Patient&type=medical&max=90&min=0&coding=true'>Patient</th><th><a href='?direction=DESC&order=Status&type=medical&max=90&min=0&coding=true'>Status</th><th><a href='?direction=DESC&order=Planning_ID&type=medical&max=90&min=0&coding=true'>Planning_ID</th><th><a href='?direction=DESC&order=Scanning&type=medical&max=90&min=0&coding=true'>Scanning</th><th><a href='?direction=DESC&order=Build&type=medical&max=90&min=0&coding=true'>Build</th><th><a href='?direction=DESC&order=Recieved&type=medical&max=90&min=0&coding=true'>Recieved</th><th><a href='?direction=DESC&order=Required_By&type=medical&max=90&min=0&coding=true'>Required_By</th></tr></thead><tbody><tr class='completed'><td align='center'><a href='?job=1'>1</a></td><td align='center'><a href='index.php?phys=1'>Dr.Hank Chowdury</a></td><td align='center'>Darcy Malloy</a></td><td align='center'><a href='update_status.php?job=1'>completed</a></td><td align='center'><a href='index.php?job=1'>1</a></td><td align='center'>December 14, 2012, 12:00AM</a></td><td align='center'><a href='index.php?job=1'>19</a></td><td align='center'>December 13, 2012, 3:43PM</a></td><td align='center'>December 15, 2012, 12:00AM</a></td><tr class='active'><td align='center'><a href='?job=28'>28</a></td><td align='center'><a href='index.php?phys=1'>Dr.Hank Chowdury</a></td><td align='center'>Jack Monterey</a></td><td align='center'><a href='update_status.php?job=28'>active</a></td><td align='center'>Not Required</a></td><td align='center'>May 9, 2012, 12:00AM</a></td><td align='center'><a href='index.php?job=28'>22</a></td><td align='center'>March 13, 2012, 12:12PM</a></td><td align='center'>August 9, 2012, 12:00AM</a></td><tr class='queued'><td align='center'><a...

CSS

box-table-a{
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    font-size: 12px;
    margin: 45px;
    width: 480px;
    text-align: left;
  
}
#box-table-a th {
    font size: 13px;  
    padding: 8px;
    background: #b9c9fe; 
    color: #039;
    border: 0;  
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #fff;    
}
#box-table-a td {
    border: 0;
    padding: 8px;
    background: #e8edff; 
    border-bottom: 1px solid #fff;
    color: #669;
    border-top: 1px solid transparent;
    
}

#box-table-a tr:hover td{
       background: #d0dafd;
    color: #339;
}