JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <colgroup>
        <col class="col1" />
        <col />
    </colgroup>
    <tr class="row_odd"><td>test</td><td>test</td></tr>
    <tr class="row_even"><td>test</td><td>test</td></tr>
</table>

CSS

tr.row_odd td {
    color: blue;
    background-color: rgba(255,255,255,0.8);
}
tr.row_even td {
    color:white;
}
table { width: 100%; padding: 5px; }
td { padding: 5px; border: 1px solid black; }
.col1  { background-color:red !important; }