Solucionado (ver solução)
Solucionado
(ver solução)
6
respostas

Como criar barra de rolagem em uma tabela?

Galera boa tarde. Sou novo aqui e uma duvida já que trago faz tempo desde outras aplicações é a seguinte como inserir uma barra de rolagem nessa tabela?

<table class="table table-striped">
    <thead>
         <tr>
            <th>Nome</th>
            <th>Preco</th>
            <th>Cor</th>
    </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">Remover</button>  
          </form>
        </td>
        </tr>
    </tbody>

  <?php
    endforeach
  ?>
</table>

O código foi extraído da aula mesmo do Alura do curso de PHP... Obrigado desde ja.

6 respostas

Opa Matheus, para fazer isso você pode usar css, algo como:

table {
    height: 500px;
    overflow:auto;
}

Você pode trocar a algura (height) para o valor que preferir :)

Espero ter ajudado, abraços.

solução!

Matheus para fazer isso basta você ter um wrapper para englobar a tabela e nele adicionar algumas regras css:

.table-wrapper {
    max-height: 500px;
    overflow-y: auto;
}

<div class="table-wrapper">
    <table>
        // códigos
    </table>
</div>

Espero ter ajudado

Obrigado pela ajuda de todos bacana a solução só que acabei esquecendo de comentar no Fórum tbm, como fixar o

da minha tabela sem que o mesmo desconfigure.. encontrei vários outras soluções mas desconfigurou um pouco.

fixar o thead

Como assim fixar o thead ? explique um pouco melhor pois não entendi.

Assim após a criação da barra de rolagem na tabela, gostaria de fixar os títulos como Nome, Preço e Cor, para que quando rolar desça apenas as informações.