Hva er en rowspan?
Radspan-attributtet er en HTML-funksjon (hypertext markup language) som gjør det mulig for en tabellcelle på en webside å strekke seg over flere rader. HTML er en av de viktigste måtene websider opprettes på. Vanligvis dekoder en nettleser HTML sendt av et nettsted og viser resultatene på en dataskjerm i et lesbart format. HTML inneholder begrepet en tabell for å organisere innholdet på en side.
En tabell har flere rader og kolonner som vertikalt og horisontalt organiserer informasjon. Når du viser en HTML-tabell, ønsker man ofte at et enkelt innholdselement skal brukes eller spres over flere rader. I en tabell indikerer rowspan = N - der N er et tall som 2, 3 osv. - at cellen sprer seg over så mange rader.
Se på et eksempel der salgsdata vises som en tabell med tre kolonneoverskrifter: salgsregionen, personen som leder regionen og salgsbeløpet. Sør-regionen hadde skiftet hode i innspillingsperioden; de respektive beløpene skal tilskrives begge personer. Følgende kode oppnår dette.
<Html>
<table border = "1">
<Tr>
<Th> Region </ th>
<Th> Hode </ th>
<Th> Salg </ th>
</ Tr>
<Tr>
<Td> East </ td>
<Td> Lewis </ td>
<Td> $ 2100 </ td>
</ Tr>
<tr> <td rowspan = "2"> Sør </td> <td> Lilian</td><td>$1,180</td> </tr>
<tr> <td>Laverne</td><td>$1 300</td> </tr>
<tr> <td> West </td> <td>Larnoe</td><td>$1 900</td> </tr>
</ Table>
</ Html>
I dette eksemplet opprettes en tabell. Overskriftene Region, Hovedperson og Salg er spesifisert etterfulgt av fire rader med data. Hver celle i tabellen er indikert med tabelldata (td) attributtet. Dataene for Sør går over to rader, så ved å spesifisere radspan = 2, strekker ordet Sør seg over to rader. Den neste raden har bare to td-attributter og ikke tre som i alle de andre radene.
Man kan kopiere denne koden til en tekstfil og ta den opp i en nettleser for å se effekten. Tomme mellomrom er lagt til i denne koden for lett å identifisere salgshodene, men de er ikke nødvendige. Følgende er et litt annet eksempel der en person, Lilian, leder to regioner: Sør og vest.
<Html>
<table border = "1">
<Tr> <th> Region </ th> <th> Leder </ th> <th> Salg </ th> </ tr>
<Tr> <td> East </ td> <td> Lewis </ td> <td> $ 2100 </ td> </ tr>
<tr> <td> Sør </td> <td rowspan = "2"> Lilian </td> <td> 2.480 $ </td> </tr>
<tr> <td> Vest </td> <td>$1,900</td> </tr>
</ Table>
</ Html>
Det kan hende at en webside ikke trenger å vise data i tabellform. Det kan ha en overskrift som firmanavn og logo, en eller flere menyer på toppen eller på siden, hovedinformasjon i midten og så videre. Når du oppretter en slik webside, brukes ofte en tabellstruktur under uten at leseren er klar over det. For å gi en jevn effekt, brukes rowspan-attributtet når noe av innholdet sprer seg over flere rader.
Det kan være lurt å lage en personlig webside som for eksempel inneholder tre kolonner med informasjon: Familie, karriere og fellesskap. Hver kolonne kan ha en kort introduksjon, et bilde og detaljer. For å få siden til å se bedre ut, kan et fargebånd brukes på høyre side. I dette tilfellet kan rowspan-funksjonen brukes til å indikere at fargebåndet spenner over alle rader.