Como fixar o THEAD de uma tabela

Galera boa tarde a duvida é no código abaixo:

<?php include ("cabecalho.php");?>
<?php include ("conexao.php");?>
<?php include ("funcoesBD.php");?>

<?php
  $produtos = listaProdutos($conexao);
?>

<div class="table-wrapper">
<table class="table table-hover">

  <thead>
      <tr>
          <th>Nome</th>
          <th>Preco</th>
          <th>Cor</th>
      </tr>
    </thead>

  <?php
    foreach($produtos as $produto) :
  ?>

  <tbody>
      <tr>
        <!--<td><?= $produto['id'] ?></td>-->
          <td><?= $produto['nome'] ?></td>
          <td><?= $produto['preco'] ?></td>
          <td><?= $produto['cor'] ?></td>

          <td>
            <a class="btn btn-primary" href="form-altera-produto.php?id=<?=$produto['id']?>">Alterar</a>
          </td>

          <td>
            <form action="deleta-produto.php" method="post">
              <input type="hidden" name="id" value="<?=$produto['id']?>">
              <button class="btn btn-danger confirmation-callback" onclick="return (window.confirm('Certeza que deseja remover?'));">Remover</button>
            </form>
          </td>

      </tr>
    </tbody>

  <?php
    endforeach
  ?>

</table>
</div>
<?php include ("rodape.php");?>

Como seria possivel fixar esse trecho:

<thead>
      <tr>
          <th>Nome</th>
          <th>Preco</th>
          <th>Cor</th>
      </tr>
    </thead>

para que dessa maneira apenas as informações subam ou desçam? Tentei várias formas porem desconfigura a tabela toda. Obrigado.