JSFiddle - React, Tailwind, and code Playground
HTML
<div id="daily-sales-graph">
<table class="graph" align="center">
<tbody>
<tr>
<th style="width: 25px;"></th>
<th style="width: 170px;">
<h2 align="center" style="white-space: nowrap"> ORDER NUMBER</h2>
</th>
<th style="width: 60px;">
<h2 align="center"> AMOUNT</h2>
</th>
<th style="width: 100px;">
<h2 align="center" style="white-space: nowrap"> ORDER DATE</h2>
</th>
<th>
<h2 align="center" style="white-space: nowrap"> LAST CALLED</h2>
</th>
<th>
<h2 align="center" style="white-space: nowrap"> SECURITY CODE</h2>
</th>
<th>
<h2 align="center" style="white-space: nowrap"> CUSTOMER'S EMAIL ADDRESS</h2>
</th>
<th style="width: 74px;"></th>
</tr>
<tr class="rowHighlight">
<td style="font:12px arial,sans-serif;background-color: Maroon; color:white;"></td>
<td>ORD2014236247112436</td>
<td>$30.00</td>
<td>23-Jun-2014</td>
<td>23-Jun-2014</td>
<td>5865</td>
<td>[email protected]</td>
<td>
<input type="button" value="OPEN" name="ordDetails" class="button" disabled=""disabled"" onclick="OpenWind('/CRMProcessing/New-Order-Detail-NS2?customerid=20311&ordId=41203&AffiliateId=2041')">
</td>
</tr>
<tr class="rowHighlight">
<td style="font:12px arial,sans-serif;background-color: Maroon; color:white;"></td>
<td>ORD2014236227452436</td>
<td>$45.00</td>
<td>12-Feb-2014</td>
<td>12-Feb-2014</td>
<td>5865</td>
<td>[email protected]</td>
<td>
<input type="button" value="OPEN" name="ordDetails" class="button" disabled=""disabled"" onclick="OpenWind('/CRMProcessing/New-Order-Detail-NS2?customerid=20311&ordId=41203&AffiliateId=2041')">
...
CSS
table.graph tbody tr:nth-child(2){
background-color : yellow;
}
table.graph tbody tr:nth-child(3){
background-color : red;
}