JSFiddle - React, Tailwind, and code Playground

by ajthomascouk

HTML

<table>
    <tr><td><a href="#">Alex</a></td><td><a href="#">James</a></td><td><a href="#">Thomas</a></td></tr>
    <tr><td>#*#*#*#</td><td>#*#*#*#</td><td>#*#*#*#</td></tr>
    <tr><td>#*#*#*#</td><td>#*#*#*#</td><td>#*#*#*#</td></tr>
    <tr><td>#*#*#*#</td><td>#*#*#*#</td><td>#*#*#*#</td></tr>
</table>

<table>
    <tr><td>Alex</td><td>James</td><td>Thomas</td></tr>
    <tr><td>#*#*#*#</td><td>#*#*#*#</td><td>#*#*#*#</td></tr>
    <tr><td>#*#*#*#</td><td>#*#*#*#</td><td>#*#*#*#</td></tr>
    <tr><td>#*#*#*#</td><td>#*#*#*#</td><td>#*#*#*#</td></tr>
</table>

CSS

table{margin-bottom:10px;}

.table-row{border-bottom:3px solid green}
.withA{background-color:red}

JavaScript

$("table tr:first-child").addClass('table-row');
$("table tr:first-child").has('a').addClass('withA');