Hvordan legge til et rullefelt til en HTML Table

Tabeller tagger i HTML støtter ikke legge rullefelt, men du kan definere en stil element og bruke det på et bord. Bruk div "overflow" eiendom for å legge et rullefelt i en tabell når størrelsen på tabellen stiger størrelsen du angir i koden. Du kan definere stilen i HTML-filen som inneholder tabellen, eller i et stilark hvis du vil bruke stilen på mange bord i hele nettstedet ditt.

Bruksanvisning

1 Åpne filen som inneholder tabellen. Skriv inn følgende i "hodet" element:

<Style type = "text / css">

tablescroll {

height: 150px;

width: 50%;

flow: auto;

}

</ Style>

Når den brukes, skaper denne stilen en tabell som er 150 piksler høy og passer til halvparten av skjermens bredde. Hvis tabellen inneholder mer data enn det er plass i dette området, skaper det en loddrett rullefelt. Du kan bruke "bla" eiendom i stedet for "auto" her for å lage vertikale og horisontale rullefelt skal vises, uavhengig av hvor mye data tabellen har.

2 Plasser markøren foran "<table>" tag i "kroppen" element. Skriv inn følgende:

<Div id = "tablescroll">

Dette kaller tabellstilen du definerte og bruker den til noen tabeller innenfor "div" tag.

3 Type "</ div>" på slutten av tabellen, etter "</ table>" for å lukke div element.

4 Lagre filen og laste den opp til webserveren.