Come aggiungere una barra di scorrimento a una tabella HTML

May 2

tag tabelle in HTML non supportano l'aggiunta di barre di scorrimento, ma si possono definire un elemento di stile e applicarlo a un tavolo. Utilizzare il div "troppo pieno" di proprietà per aggiungere una barra di scorrimento a una tabella quando la dimensione della tabella supera la dimensione specificata nel tag. Si può definire lo stile nel file HTML che contiene la tabella, o in un foglio di stile, se si desidera applicare lo stile di molte tavole di tutto il vostro sito web.

istruzione

1 Aprire il file che contiene la tabella. Digitare il seguente nell'elemento "testa":

<Style type = "text / css">

tablescroll {

height: 150px;

width: 50%;

overflow: auto;

}

</ Style>

Quando viene utilizzato, questo stile crea una tabella che è alto 150 pixel e si adatta a metà larghezza dello schermo. Se la tabella contiene più dati di quanti può andare bene in questo intervallo, si crea una barra di scorrimento verticale. È possibile utilizzare il "scorrimento" proprietà invece di "auto" qui per far apparire le barre di scorrimento verticale e orizzontale, a prescindere dalla quantità di dati la tabella ha.

2 Posizionare il cursore davanti al tag "<table>" nell'elemento "corpo". Digitare quanto segue:

<Div id = "tablescroll">

Ciò richiede lo stile di tabella è stata definita e lo applica a tutte le tabelle all'interno del tag "div".

3 Tipo "</ div>" alla fine della tabella, dopo "</ table>" per chiudere l'elemento div.

4 Salvare il file e caricarlo sul server Web.