JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr>
        <td class="id">'.iconv('ISO-8859-1','UTF-8',$i).'</td>
        <td class="nome">'.iconv('ISO-8859-1','UTF-8',$clientes[2]).'</td>
        <td class="endereco">'.iconv('ISO-8859-1','UTF-8',$clientes[1]).'</td>
        <td class="bairro">'.iconv('ISO-8859-1','UTF-8',$clientes[3]).'</td>
        <td class="numero">'.iconv('ISO-8859-1','UTF-8',$clientes[4]).'</td>
        <td class="complemento">'.iconv('ISO-8859-1','UTF-8',$clientes[5]).'</td>
        <td class="telefone">'.iconv('ISO-8859-1','UTF-8',$clientes[6]).'</td>
        <td class="email">'.iconv('ISO-8859-1','UTF-8',$clientes[7]).'</td>
        <td class="data">'.iconv('ISO-8859-1','UTF-8',$clientes[8]).'</td>
        <td class="editar">Editar</td>
    </tr>
       <tr>
        <td class="id">'.iconv('ISO-8859-1','UTF-8',$i).'</td>
        <td class="nome">'.iconv('ISO-8859-1','UTF-8',$clientes[2]).'</td>
        <td class="endereco">'.iconv('ISO-8859-1','UTF-8',$clientes[1]).'</td>
        <td class="bairro">'.iconv('ISO-8859-1','UTF-8',$clientes[3]).'</td>
        <td class="numero">'.iconv('ISO-8859-1','UTF-8',$clientes[4]).'</td>
        <td class="complemento">'.iconv('ISO-8859-1','UTF-8',$clientes[5]).'</td>
        <td class="telefone">'.iconv('ISO-8859-1','UTF-8',$clientes[6]).'</td>
        <td class="email">'.iconv('ISO-8859-1','UTF-8',$clientes[7]).'</td>
        <td class="data">'.iconv('ISO-8859-1','UTF-8',$clientes[8]).'</td>
        <td class="editar">Editar</td>
    </tr>
</table>

CSS

td{
    margin:2px;
    background-color: #ccf;
}
tr:nth-child(even) td {
    border-bottom: 3px solid red;
}
tr:nth-child(odd) td {
    border-bottom: 3px solid green;
}