End of overflow away from table

Question

End of overflow away from table

Navigation

#1 by (0 votes)

0

I have a table with style="overflow: auto; , but the scroll is down there, almost 1 finger away from the table.

<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>

Follow the print:

html css

asked by anonymous 30.08.2018 / 19:54

1 answer

How to store an Object in Firebase and use in Ionic 3 Exchanging text using the :: before - CSS function

score 0 · Answer 1

Just remove the fixed height from your table, without it the overflow will always be under the table

<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>