JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" type="text/css" href="http://bootstrap.cap.co.uk/areas/v1_1_0/content/bundles/css" />
<script src="http://bootstrap.cap.co.uk/areas/v1_1_0/content/bundles/js"></script>
<div class="row cap-panel">
<div class="col-sm-12">
<h2>Table</h2>
<table class="table table-condensed table-hover table-data">
<thead>
<tr>
<th>Derivative</th>
<th>12/20</th>
<th>18/30</th>
<th>24/40</th>
<th>30/50</th>
<th>36/60</th>
<th>42/70</th>
<th>48/80</th>
<th>54/90</th>
<th>60/100</th>
<th>66/110</th>
</tr>
</thead>
<tbody>
<tr>
<td>316d ES 4dr Saloon (2012 ----) (ID: 53608)</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
</tr>
<tr>
<td>316d ES 4dr Step Auto Saloon (2012 ----) (ID: 53609)</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
<td>00.00</td>
</tr>
<tr>
...
CSS
body { padding: 20px }
JavaScript
//Temporary code, will be in v1_1_0 with next release
$('.table-hover td').hover(function () {
var base = this;
var index = base.index() + 1;
if(index > 1){
base.closest(".table-hover").find("tr td:nth-child(" + index + ")").toggleClass('hover');
base.closest(".table-hover").find("tr th:nth-child(" + index + ")").toggleClass('hover');
}
});