JSFiddle - React, Tailwind, and code Playground

HTML

<form name="pedido" id="pedido" method="post" action="carrinho.php">
  <div id="carrinho" align="left">
    <table width="100%">
      <thead class="row header">
        <tr>
          <th width="35">Items</th>
          <th width="100">Produto</th>
          <th width="300">Descrição</th>
          <th width="40">Tensão</th>
          <th width="100" colspan="2">Vlr Unitario</th>
          <th width="25">Qtd</th>
          <th width="100" colspan="3">Preço Total</th>
        </tr>
      </thead>
      <tbody class="row items">
        <tr>
          <td align="center">01</td>
          <td>CodPro</td>
          <td>Nome do Produto</td>
          <td style="background-color: #FFFF00; font-weight: bold; color: #000000;" align="center">220v</td>
          <td align="left">R$ </td>
          <td align="center">378,41</td>
          <td align="center"><input type="text" name="qtd1" value="5" class="inputs" size="2"/></td>
          <td align="left">R$ </td>
          <td align="right" colspan="2">1.892,05</td>
        </tr>
        <tr align="right">
          <td colspan="1" style="font-size: 11px;"><b>Frete:</b></td>
          <td colspan="1"><input type="text" name="Frete1" value="" class="inputs" size="15" placeholder="R$ 0,00" /></td>
          <td colspan="1" style="font-size: 11px;"><b>Descontos:</b></td>
          <td colspan="2"><input type="text" name="Desconto11" value="30" class="inputs" size="2" placeholder="%" /></td>
          <td colspan="1"><input type="text" name="Desconto12" value="5" class="inputs" size="2" placeholder="%" /></td>
          <td colspan="2"><input type="text" name="Desconto13" value="5" class="inputs" size="2" placeholder="%" /></td>
          <td colspan="1"><input type="text" name="Desconto14" value="" class="inputs" size="2" placeholder="%" Disabled="Disabled" /></td>
          <td colspan="1"><input type="text" name="Desconto15" value="" class="inputs" size="2" placeholder="%" Disabled="Disabled" /></td>
        </tr>
     ...

CSS

div#carrinho .inputs {
  border: 1px solid #ffffff;
  text-align: center;
}

div#carrinho input[Disabled] {
  border: 1px solid #999999;
  background-color: #DDDDDD;
  text-align: center;
  cursor: not-allowed;
}