JSFiddle - React, Tailwind, and code Playground

HTML

<div class="inANDout">
						<table>
							<tr class="top">
								<td class="inANDoutOpcoes">Opções</td>
								<td class="inANDoutTipo">Tipo de Valor</td>
								<td class="inANDoutTotal">Valor Total</td>
								<td class="inANDoutParcelas">Nº de Parcelas</td>
								<td class="inANDoutAtual">Parcela Atual</td>
								<td class="inANDoutValor">Valor da Parcela</td>
								<td class="inANDoutData">Data de Saída/Entrada</td>
							</tr>
							<tr class="dados">
								<td class="dadosOpcoes">X Y Z</td>
								<td class="dadosTipo">R$</td>
								<td class="dadosTotal">150,00</td>
								<td class="dadosParcelas">3</td>
								<td class="dadosAtual">1</td>
								<td class="dadosValor">50</td>
								<td class="dadosData">08/09/2015</td>
							</tr>
              <tr class="dados">
								<td class="dadosOpcoes">X Y Z</td>
								<td class="dadosTipo">R$</td>
								<td class="dadosTotal">150,00</td>
								<td class="dadosParcelas">3</td>
								<td class="dadosAtual">2</td>
								<td class="dadosValor">50</td>
								<td class="dadosData">08/10/2015</td>
							</tr>
						</table>
					</div>

CSS

.inANDout table {
    text-transform: uppercase;
    border-spacing: 0px;
    border-collapse: separate;
    margin: 0 auto;
    color: #595c62;
    font-size: 0.6em;
    font-family: 'verdana';
    text-align: center;
    width: 100%;
    display: block;
}

.inANDout table .top td, .inANDout table .dados:last-of-type td{
  border-bottom: 2px solid #595c62;
 
}
.inANDout table td{
  border-left: 2px solid #595c62;
  padding:1em;
  
}
.inANDout table td:first-of-type{
  border-left: none;
}