JSFiddle - React, Tailwind, and code Playground

HTML

<table class="chess">
        <div style="background:red; padding:10px">test</div>
        <tr>
            <td>R14702</td>
            <td>Brasov</td>
            <td>Zarnesti</td>
            <td>Brasov</td>
        </tr>

        <tr>
            <td>R14701</td>
            <td>06:06</td>
            <td>06:57</td>
            <td>Brasov</td>
        </tr>

        <tr>
            <td>R14705</td>
            <td>08:10</td>
            <td>08:59</td>
            <td>Brasov</td>
        </tr>

        <tr>
            <td>R14709</td>
            <td>12:10</td>
            <td>12:59</td>
            <td>Brasov</td>
        </tr>

        <tr>
            <td> R14713 </td>
            <td> 14:10 </td>
            <td> 14:59 </td>
            <td>Brasov</td>
        </tr>
    </table>

CSS

tr {
  width:100%;
}
tr:nth-of-type(odd) td:nth-of-type(odd){
  width:25%;
	background-color: tomato;
  padding:10px;
  margin:0px;
  text-align:center;
}

tr:nth-of-type(even) td:nth-of-type(even){
	background-color: yellow;
  padding:10px;
  width:25%;
  margin:0px;
  text-align:center;
}