Vad är en rowspan?

RowSpan -attributet är en Hypertext Markup Language (HTML) -funktion som gör det möjligt för en tabellcell på en webbsida att sträcka sig över flera rader.HTML är ett av de viktigaste sätten på vilka webbsidor skapas.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 vertikalt och horisontellt organiserar information.När man visar en HTML -tabell vill man ofta att en enda innehållsobjekt appliceras eller sprids över flera rader.I en tabell, rowspan ' n ndash;där n är ett nummer som 2, 3, etc. ndash;indikerar att cellen sprider sig över så många rader.

Överväg ett exempel där försäljningsdata visas som en tabell med tre kolumnrubriker: försäljningsregionen, personens rubrik och försäljningsbeloppet.Den södra regionen hade en förändring av huvudet under inspelningsperioden;De respektive beloppen ska tillskrivas båda människorna.Följande kod uppnår detta.

lt; html gt;
lt; tabellgräns ' 1 gt;

lt; tr gt;
lt; th gt; region lt;/th gt;
lt; th gt; head lt;/th gt;
lt;; Försäljning lt;/th gt;
lt;/tr gt;

lt; tr gt;
lt; td gt; öst lt; td gt;; tr gt; lt; td gt; laverne lt;/td gt; lt; td gt; $ 1.300 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; west lt;/gt;; lt; td gt; $ 1 900 lt;/td gt; lt;/tr gt;

lt;/tabell gt;
lt;/html gt;




I detta exempel skapas en tabell.Rubrikregionen, huvudpersonen och försäljningen anges följt av fyra rader med data.Varje cell i tabellen indikeras av Tabell Data (TD) attribut.Uppgifterna för South går över två rader, så genom att specificera Rowspan ' 2 sträcker sig ordet söder över två rader.Nästa rad har bara två TD -attribut och inte tre som i alla andra rader.

Man kan kopiera den här koden 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 något annorlunda exempel där en person, Lilian, leder två regioner: söder och väst.

lt; html gt;

lt; tabellgräns ' 1 gt;

lt; tr gt; lt; th gt; region lt;/th gt; lt; th gt; head lt;/th gt; lt; th gt; försäljning lt;/th gt; lt;/tr gt; lt; td gt; lt;td gt; $ 2.100 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; söd lt;/tr gt;

lt; tr gt; lt; td gt; west lt;/td gt; lt; td gt; $ 1 900 lt;/td gt; lt;/tr gt;

lt;/tabell gt;

lt;/html gt;

En webbsida kanske inte behöver visa data i tabellform.Det kan ha en rubrik som företagets namn och logotyp, en eller flera menyer på toppen eller på sidan, huvudinformation i mitten och så vidare.När du skapar en sådan webbsida används ofta en tabellstruktur under utan att läsaren är medveten om den.För att ge en smidig effekt används RowSpan -attributet när en del av innehållet sprider sig över flera rader.

Man kanske vill skapa en personlig webbsida, till exempel som innehåller tre kolumner med information: familj, karriär och samhälle.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 höger sida.I detta fall kan Rowspan -funktionen användas för att indikera att färgbandet sträcker sig över alla rader.