Nwlapcug.com


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

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


Le tabelle sono uno strumento utile per la visualizzazione di 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 spesso verranno ignorate in favore di tutti i dati visualizzati. Questo problema può essere risolto con la proprietà CSS overflow, che consente di creare le barre di scorrimento all'interno di una tabella se sono necessari.

Istruzioni

1

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

2

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

3

Aggiungere il seguente codice prima del tag < table >: < div style = "altezza: 150px; Larghezza: 100px; overflow: auto; " >

4

Modificare l'altezza e la larghezza della misura che si desidera che la tabella visualizzata, in pixel.

5

Rimuovere qualsiasi altezza = "xx" o width = "xx" dati dal comando < table >, che può interferire con i CSS.

6

Salvare il file e visualizzarlo in un browser Web. La tabella verrà visualizzata con le dimensioni specificate. Se non ci sono dati che si estende oltre tale dimensione, verranno aggiunto automaticamente le barre di scorrimento verticale o orizzontale.