JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<div id="ratesTableDiv" >
<table id="rates" summary="This is the only table in the rates tab. It has the rates data for the selected plan." style="width:700px;" class="displayTableBorder" rules="rows">
<caption class="captionHide">Rates</caption>
<thead>
<tr>
<th scope="colgroup" class="hixTableHeader">Age</th>
<th scope="colgroup" class="hixTableHeader">Plan Supports Tobacco Rate?</th>
<th scope="colgroup" class="hixTableHeader">Rating Area</th>
<th scope="colgroup" class="hixTableHeader">Individual Rate</th>
<th scope="colgroup" class="hixTableHeader">Individual Tobacco Rate</th></tr></thead>
<tbody>
<tr class="odd">
<td scope="colgroup" style="width: 10%;align: center;" class="displayTagtd">1</td>
<td scope="colgroup" style="width: 30%;align: center;" class="displayTagtd">Y</td>
<td scope="colgroup" style="width: 15%;align: center;" class="displayTagtd">Region 1</td>
<td scope="colgroup" style="width: 20%;align: center;" class="displayTagtd">$150.00</td>
<td scope="colgroup" style="width: 30%;align: center;" class="displayTagtd">$150.00</td></tr>
<tr class="even">
<td scope="colgroup" style="width: 10%;align: center;" class="displayTagtd">2</td>
<td scope="colgroup" style="width: 30%;align: center;" class="displayTagtd">Y</td>
<td scope="colgroup" style="width: 15%;align: center;" class="displayTagtd">Region 1</td>
<td scope="colgroup" style="width: 20%;align: center;" class="displayTagtd">$150.00</td>
<td scope="colgroup" style="width: 30%;align: center;" class="displayTagtd">$150.00</td></tr>
<tr class="odd">
<td scope="colgroup" style="width: 10%;align: center;" class="displayTagtd">3</td>
<td scope="colgroup" style="width: 30%;align: center;" class="displayTagtd">Y</td>
<td scope="colgroup" style="width: 15%;align: center;" class="displayTagtd">Region 1</td>
<td scope="colgroup" style="width: 20%;align: center;" class="displayTagtd">$150.00</td>
<td scope="colgroup" style="width: 30%;align: center;" class="displayTagtd">$150.00</td></tr>
<tr...