2010-05-24 16 views
8

Desidero correggere un'altezza per la mia tabella html nella pagina Web e se passa automaticamente l'altezza viene visualizzata una barra di scorrimento verticale.barra di scorrimento verticale per una tabella utilizzando html

per favore aiuto.

+2

Probabilmente si dovrebbe chiarire se si desidera che le celle di intestazione e/o piè di pagina del tavolo rimangano fisse mentre il resto è scorrevole, oppure no. Averli sistemati è la richiesta più popolare, ma significativamente più complicata. – reisio

risposta

24

Non è il tavolo che scorre, è il div dietro di esso.

<div style="height:200px; overflow-y: scroll;"> 
    <table> 
    .... 
    </table> 
</div> 

uso overflow-y se desideri solo una barra di scorrimento verticale e overflow se si desidera utilizzare entrambi verticale e orizzontale.

Nota: l'impostazione di un attributo di overflow per lo scorrimento mostrerà sempre le barre di scorrimento. Se si desidera che le barre di scorrimento orizzontale/verticale vengano visualizzate solo quando necessario, utilizzare auto.

+0

Qual è il div per? Perché non fai semplicemente scorrere il tavolo? – ANeves

+0

+1 per una risposta più completa della mia. – Tejs

6

che ci si vuole posizionare la tabella all'interno di un div in questo modo:

<div style="height: 400px; overflow: auto;"> 
    <!-- Html Elements --!> 
</div> 

nulla all'interno che div, quando va oltre 400px in altezza, traboccherà e sarà mostrata una barra di scorrimento.

+0

Qual è il div per? Perché non fai semplicemente scorrere il tavolo? – ANeves

Problemi correlati