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.