JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <thead>
        <tr>
            <th>Coluna 1</th>
            <th>Coluna 2</th>
        </tr>
    </thead>
    <tbody>
        <tr class="disponivel"><td>linha 1</td><td>linha 1</td></tr>
        <tr class="atraso"><td>linha 2</td><td>linha 2</td></tr>
        <tr class="atraso-fornecedor"><td>linha 3</td><td>linha 3</td></tr>
    </tbody>
</table>

CSS

.disponivel{background-color: green;}
.atraso{background-color: red;}
.atraso-fornecedor{background-color: yellow;}