0

Tenho uma tabela com style="overflow: auto;, só que o scroll fica lá em baixo, quase 1 dedo longe da tabela.

<div style="overflow: scroll; height: 240px; width: 1000px;">
    <table border="1" class="table table-bordered" id="tabela" style="background-color: white;"> 
                            
         <tr>
             <h5>Usuários</h5>
         </tr>
                            
         <tr>
             <th>Nome</th>
             <th>Nome</th>
         </tr>
         <tr>
             <td>João</td>
             <td>Maria</td>
         </tr>
         <?php endwhile; ?>
    </table>
</div>

Segue o print:

Print

6
  • Mas não é só diminuir o height da div??
    – LeAndrade
    Commented 30/08/2018 às 18:03
  • Não, a tabela diminui, mas o scroll fica lá em baixo ainda. Commented 30/08/2018 às 18:04
  • Se for só pra 'tirar' o scroll quando o mesmo não é necessário é só utilizar overflow: auto (você está usando scroll)
    – Oeslei
    Commented 30/08/2018 às 18:29
  • Vc quer manter o scroll horizontal? Há a necessidade dele? Commented 30/08/2018 às 18:30
  • Não há necessidade do horizontal, ele está ali por estar. Commented 31/08/2018 às 11:32

1 Resposta 1

0

É só retirar o height fixo da sua tabela, sem ele o overflow estará sempre embaixo da tabela

<div style="overflow: scroll;width: 1000px">
    <table border="1" class="table table-bordered" id="tabela" style="background-color: white;"> 
                            
         <tr>
             <h5>Usuários</h5>
         </tr>
                            
         <tr>
             <th>Nome</th>
             <th>Nome</th>
         </tr>
         <tr>
             <td>João</td>
             <td>Maria</td>
         </tr>
         <?php endwhile; ?>
    </table>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .