Come aggiungere barre di scorrimento per le tabelle HTML utilizzando fogli di stile CSS

September 11

Come aggiungere barre di scorrimento per le tabelle HTML utilizzando fogli di stile CSS


Le tabelle sono uno strumento utile per la visualizzazione dei dati in formato foglio di calcolo in una pagina Web. Se si dispone di una tabella che deve essere una certa dimensione che contiene anche un sacco di dati, le restrizioni di dimensione sarà spesso ignorati a favore di visualizzare tutti i dati. Questo problema può essere risolto con la proprietà Overflow CSS, che permette di creare le barre di scorrimento all'interno di una tabella se sono necessari.

istruzione

1 Aprire la pagina Web che si desidera modificare un programma di editing di testo o HTML.

2 Passare alla tabella a cui si desidera aggiungere le barre di scorrimento.

3 Aggiungere il seguente codice appena prima del tag <table>: <div style = "height: 150px; width: 100px; overflow: auto;">

4 Modificare l'altezza e la larghezza per le dimensioni che si desidera che la tabella visualizzata, espressa in pixel.

5 Rimuovere qualsiasi altezza = "xx" o = dati "xx" width dalla <table> comando, che possono interferire con il CSS.

6 Salvare il file e visualizzarlo in un browser Web. Il vostro tavolo sarà visualizzato con le dimensioni che è stato specificato. Se ci sono dati che si estende al di là di quelle dimensioni, verranno automaticamente aggiunti barre di scorrimento verticale o orizzontale.