JSFiddle - React, Tailwind, and code Playground

HTML

<table>
     <tr>
         <th class='colunaHead primeiraColuna'>Quantos participaram</th>
         <th class='colunaHead primeiraColuna' colspan="2">d.Descricao</th>
     </tr>
 
     <tr>
         <th class='primeiraColuna conteudoFixo'>&nbsp;</th>
         <th class='primeiraLinha conteudoX' colspan="2">Estudantes Participantes</th>
     </tr>

     <tr>
         <td class='primeiraColuna conteudoFixo'>Escolas Adventistas da sua Divisão</td>
         <td class='conteudoX' colspan="2">d.SerieId</td>
     </tr>

     <tr>
         <td class='primeiraColuna conteudoFixo'>Escolas Adventistas da sua União</td>
         <td class='conteudoX' colspan="2">d.SerieId</td>
     </tr>

     <tr>
          <td class='primeiraColuna conteudoFixo'>Escolas Adventistas da sua Associação/Missão</td>
          <td class='conteudoX' colspan="2">d.SerieId</td>
     </tr>

     <tr>
          <td class='primeiraColuna conteudoFixo'>Da sua Escola</td>
          <td class='conteudoX' colspan="2">d.SerieId</td>
     </tr>
    
    <tr>
        <th class='colunaHead primeiraColuna'>Teste</th>
        <th class='colunaHead primeiraColuna'>Teste</th>
        <th class='colunaHead primeiraColuna'>Teste</th>
    </tr>
    
    <tr>
        <td class='primeiraColuna conteudoFixo'>Escolas Adventistas da sua Divisão</td>
        <td class='conteudoX conteudoDisc'>d.SerieId</td>
        <td class='conteudoX conteudoDisc'>d.SerieId</td>
    </tr>
 </table>

CSS

/* Configurações da tabela */
table 
{ 
    font-family: 'Arial'; 
    font-style: normal; 
    font-size: 20px;
    text-align: center;
}

/* Removendo borda comum*/
table, th, td
{
    border: 0;
    border-collapse: collapse;
    white-space: nowrap;
}

/* Adicionando linhas na primeira coluna */
.conteudoFixo
{
    border-bottom: 1px solid rgb(0,63,90); 
}

.conteudoX
{
    background-color: red;
    border-bottom: 1px solid white;
    padding-right: 10px;
    padding-left: 10px;
}

.conteudoDisc
{
    border: 1px solid white;
}

/* Configurações do cabeçalho da tabela */
th.colunaHead 
{ 
    background-color:rgb(0,63,90); 
    color: white 
}

/* Configurações da primeira coluna */
.primeiraColuna
{
    padding-right: 10px;
    padding-left: 10px;
}

th.primeiraColuna, td.primeiraColuna
{
  width: 800px;
}

/* Configurações da primeira linha de dados*/
.primeiraLinha
{
    padding-right: 20px;
    padding-left: 20px;
}