JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <th>name</th>
        <th>age</th>
        <th>status</th>
    </tr>
    <tr class="colorA">
        <td>me</td>
        <td>31</td>
        <td>open</td>
    </tr>
    <tr class="colorB">
        <td>you</td>
        <td>31</td>
        <td>done</td>
    </tr>
    <tr class="colorC">
        <th>you</th>
        <th>31</th>
        <th>pending</th>
    </tr>
</table>

CSS

.colorA {background-color: red}
.colorB {background-color: green}
.colorC {background-color: yellow}