Vad är ett Rowspan?

Attributet rowspan är en HTML-funktion (hypertext markup language) som gör att en tabellcell på en webbsida kan sträcka sig över flera rader. HTML är ett av de viktigaste sätten att skapa webbsidor. Vanligtvis avkodar en webbläsare HTML som skickas av en webbplats och visar resultaten på en datorskärm i ett läsbart format. HTML innehåller konceptet med en tabell för att organisera innehållet på en sida.

En tabell har flera rader och kolumner som organiserar information vertikalt och horisontellt. När man visar en HTML-tabell vill man ofta att ett enda innehållsobjekt ska tillämpas eller spridas över flera rader. I en tabell indikerar rowspan=N – där N är ett tal som 2, 3, etc. – att cellen sprids över så många rader.

Tänk på ett exempel där försäljningsdata visas som en tabell med tre kolumnrubriker: försäljningsregionen, personen som leder regionen och försäljningsbeloppet. Region Syd hade huvudbyte under inspelningsperioden; respektive belopp ska hänföras till båda personerna. Följande kod uppnår detta.

I det här exemplet skapas en tabell. Rubrikerna Region, Chef person och Försäljning anges följt av fyra rader med data. Varje cell i tabellen indikeras av attributet table data (td). Data för South går över två rader, så genom att ange rowspan=2 sträcker sig ordet South över två rader. Nästa rad har bara två td-attribut och inte tre som i alla andra rader.

Man kan kopiera denna kod till en textfil och ta upp den i en webbläsare för att se effekten. Tomma utrymmen har lagts till i den här koden för att enkelt identifiera försäljningshuvudena, men de är inte nödvändiga. Följande är ett lite annorlunda exempel där en person, Lilian, leder två regioner: Syd och Väst.

En webbsida kanske inte behöver visa data i tabellform. Den kan ha en rubrik som företagsnamn och logotyp, en eller flera menyer överst eller vid sidan av, huvudinformation i mitten och så vidare. När man skapar en sådan webbsida används ofta en tabellstruktur under utan att läsaren är medveten om det. För att ge en jämn effekt används rowspan-attributet när en del av innehållet sprids över flera rader.
Man kanske vill skapa en personlig webbsida, till exempel, som innehåller tre kolumner med information: Familj, Karriär och Gemenskap. Varje kolumn kan ha en kort introduktion, ett foto och detaljer. För att få sidan att se bättre ut kan ett färgband användas längs den högra sidan. I det här fallet kan radspansfunktionen användas för att indikera att färgbandet spänner över alla rader.