JSFiddle - React, Tailwind, and code Playground

by Kaique Covo

HTML

<h1>Tabela do Caio</h1>

<table>
  <tr>
    <th>Nome</th>
    <th>Sobrenome</th>
    <th>Curso</th>
  </tr>
  <tr>
    <td>Caio</td>
    <td>Felipe</td>
    <td>Juliano</td>
  </tr>
  <tr>
    <td>Vetoreeo</td>
    <td>Sushi</td>
    <td>+EU</td>
    <td>Furamilho</td>
    <td>Batista</td>
  </tr>
  <tr>
    <td>Desenvolvedor</td>
    <td>Desenvolvedor</td>
    <td>Austria</td>
  </tr>
  <tr>
    <td>Island Trading</td>
    <td>Helen Bennett</td>
    <td>UK</td>
  </tr>

</table>

CSS

table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}