JSFiddle - React, Tailwind, and code Playground

by Daniel Beff

HTML

<html>

ESCALA DE SERVIÇO  
  <head>
    <style>
      td {
        border-collapse: collapse;
        border: 1px solid black;
        padding: 10px;
      }
    </style>
  </head>

  <body>
    <table style="border:1px solid black; border-collapse: collapse;">
      <tr>
        <td style="font-weight: bold">DATA</td>
        <td style="font-weight: bold">DIA</td>
        <td style="font-weight: bold">BOMBEIRO</td>
      </tr>  
      
      <tr>
        <td >27/03</td>
        <td >SEX</td>
        <td>VIEIRA</td>
      </tr> 
      
      <tr>
        <td style="color:#337ab7">28/03</td>
        <td style="color:#337ab7" >SAB</td>
        <td style="color:#337ab7">MAURO</td>
      </tr> 
      
      <tr>
        <td style="color:#556B2F" >29/03</td>
        <td style="color:#556B2F" >DOMINGO</td>
        <td style="color:#556B2F">GENIVALDO</td>
      </tr> 
      
      <tr>
        <td style="color:#FF0000" >30/03</td>
        <td style="color:#FF0000" >SEG</td>
        <td style="color:#FF0000">ADRIANO</td>
      </tr> 
      
      <tr>
        <td style="color:#FFFF00" >31/03</td>
        <td style="color:#FFFF00" >TER</td>
        <td style="color:#FFFF00">VINICIUS</td>
      </tr> 
      
      <tr>
        <td style="color:#FF00FF" >01/04</td>
        <td style="color:#FF00FF" >QUA</td>
        <td style="color:#FF00FF">RODRIQUES</td>
        </tr>  
      </table>
    </body>
</html>