Tabela com bordas

by Rapha Souza

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
<table class="table table-hover table_TabelaColetas">
  <thead>
    <tr>
      <th>Status</th>
      <th class="hide">ID</th>
      <th>Nome Fornecedor</th>
      <th>Produto</th>
      <th>QTD Col.</th>
      <th>Ações</th>
    </tr>
  </thead>
  <tbody>
    <tr class="clinha_numProcesso__54" style="">
      <td class="clinha_status__54">
        <button type="button" class="btn btn-default">
          <i class="flaticon flaticon-edit" aria-hidden="true"></i>
        </button>
      </td>
      <td class="hide">54</td>
      <td>BRF S.A</td>
      <td class="clinha_descricaoProduto__54">OSSO</td>
      <td class="hide clinha_DATACOLETA">17/12/2025</td>
      <td class="hide clinha_CODIGOFORNECEDOR">01838723</td>
      <td class="clinha_pesoPrevisto__54">15000</td>
      <td>
        <button
          type="button"
          class="btn btn-primary btn-xs"
          onclick="abrirModal('54','BRF S.A','OSSO','francisco.ajunior','17/12/2025')"
        >
          Abrir
        </button>
      </td>
    </tr>
  </tbody>
</table>

CSS

table {
      border-collapse: collapse; /* Faz com que as bordas se juntem */
      width: 60%;
    }

    table, tr {
      border: 1px solid black; /* Adiciona borda ao redor e entre linhas/colunas */
    }