Skip to main content

Wat is een Rowspan?

Het Rowspan -kenmerk is een functie HyperText Markup Language (HTML) waarmee een tabelcel in een webpagina over meerdere rijen kan worden uitgebreid.HTML is een van de belangrijkste manieren waarop webpagina's worden gemaakt.Meestal decodeert een webbrowser HTML verzonden door een website en geeft de resultaten weer op een computerscherm in een leesbaar formaat.HTML neemt het concept van een tabel op om de inhoud op een pagina te organiseren.

Een tabel heeft meerdere rijen en kolommen die verticaal en horizontaal informatie organiseren.Bij het weergeven van een HTML -tabel wil men vaak een enkel inhoudsitem toepassen of verspreiden over meerdere rijen.In een tabel, Rowspan ' n ndash;waar n een getal is zoals 2, 3, enz. Ndash;Geeft aan dat de cel zich over zoveel rijen verspreidt.

Beschouw een voorbeeld waarbij verkoopgegevens worden weergegeven als een tabel met drie kolomkoppen: de verkoopregio, de persoon die de regio leidt en het verkoopbedrag.De regio South had een verandering van hoofd tijdens de opnameperiode;De respectieve bedragen moeten worden toegeschreven aan beide mensen.De volgende code bereikt dit.

lt; html gt;
lt; tabel rand ' 1 gt;

lt; tr gt;
lt; th gt; regio lt; th gt;/th lt;
lt;
lt;
lt;
lt;
lt;
lt;; Verkoop lt;/th gt;
lt;/tr gt;

lt; tr gt;
lt; td gt; oost lt;/td gt;
lt gt;
lt; td gt; $ 2.100 lt; lt;/tr gt;

lt; tr gt; lt; td Rowspan ' 2 gt; south lt;/td; lt; td gt; lilian lt; lt; lt; lt;; lt; td gt; $ 1.900 lt;/td gt; lt;/tr gt;

lt;/tabel gt;
lt;/html gt;


In dit voorbeeld wordt een tabel gemaakt.De regio rubrieken, hoofdpersoon en verkoop worden gespecificeerd gevolgd door vier rijen gegevens.Elke cel in de tabel wordt aangegeven door het kenmerk Tabelgegevens (TD).De gegevens voor het zuiden gaan over twee rijen, dus door Rowspan ' 2 te specificeren, strekt het Word South zich uit over twee rijen.De volgende rij heeft slechts twee TD -attributen en niet drie zoals in alle andere rijen.

Men kan deze code in een tekstbestand kopiëren en in een browser naar voren brengen om het effect te bekijken.In deze code zijn blanco spaties toegevoegd om eenvoudig de verkoopkoppen te identificeren, maar ze zijn niet nodig.Het volgende is een iets ander voorbeeld waar één persoon, Lilian, twee regio's leidt: Zuid en West.

lt; html gt;

lt; tabel grens ' 1 gt;

lt; tr gt; lt; th gt; region lt;/th gt gt; lt; th gt; head lt;/th gt; lt; th; Sales lt;/th gt; lt;/tr gt;

lt; tr gt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt; lt;td gt; $ 2.100 lt;/td gt; lt;/tr gt;

lt; tr gt; lt; td gt; South lt;/td gt; lt; $ 2,480 lt; gt; $ 2,480 lt; $ 2,480 lt; 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;/tabel gt;

lt;/html gt; Een webpagina hoeft mogelijk geen gegevens in een tabelvorm weer te geven.Het kan een koptekst hebben, zoals de bedrijfsnaam en het logo, een of meer menu's bovenop of aan de zijkant, hoofdinformatie in het midden, enzovoort.Bij het maken van een dergelijke webpagina wordt er vaak een tabelstructuur gebruikt zonder dat de lezer zich hiervan bewust is.Om een soepel effect te geven, wordt het Rowspan -kenmerk gebruikt wanneer een deel van de inhoud zich over meerdere rijen verspreidt. Men wil misschien een persoonlijke webpagina maken, bijvoorbeeld, die drie kolommen met informatie omvat: familie, carrière en gemeenschap.Elke kolom kan een korte introductie, een foto en details hebben.Om de pagina er beter uit te laten zien, kan een kleurband aan de rechterkant worden gebruikt.In dit geval kan de Rowspan -functie worden gebruikt om aan te geven dat de kleurband alle rijen overspant.