JSFiddle - React, Tailwind, and code Playground
by philphil
HTML
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
<table id="tprogram" class="table table-striped table-hover ">
<thead>
<tr>
<th>Chris</th>
<th>Meg</th>
<th></th>
<th>Program</th>
<th>Location</th>
<th>Time</th>
<th>Dates</th>
<th>Ages</th>
<th>Cost</th>
</tr>
</thead>
<tbody>
<form method="POST" action="http://10.10.15.30:8000/program/update" accept-charset="UTF-8">
<input name="_token" type="hidden" value="94KmSdZ9v6NJr5XY3vtZJRfy2RCLyQj7s4Awy37r">
<tr class="clickable" data-toggle="collapse" data-target=".collapsed1">
<td>
<input checked="checked" name="MinecraftChris" type="checkbox" value="1">
</td>
<td>
<input name="MinecraftMeg" type="checkbox" value="1">
</td>
<td></td>
<td>Minecraft</td>
<td>ideaLab</td>
<td>Thursdays 4:30pm - 5:30pm</td>
<td>Nov 06 - Dec 11</td>
<td>7 +</td>
<td>$20</td>
</tr>
<tr class="clickable" data-toggle="collapse" data-target=".collapsed2">
<td>
<input checked="checked" name="Mini MakersChris" type="checkbox" value="1">
</td>
<td>
<input name="Mini MakersMeg" type="checkbox" value="1">
</td>
<td> <i class="btn btn-xs fa fa-list-ul"></i>
</td>
<td>Mini Makers</td>
<td>ideaLab</td>
<td>Tuesdays 4:30pm - 5:30pm</td>
<td>Nov 04 - Dec 09</td>
<td>9 -7</td>
<td>$3</td>
...