Wat is een Rowspan?
Het Rowspan-kenmerk is een HTML-functie (Hypertext Markup Language) waarmee een tabelcel op een webpagina zich over meerdere rijen kan uitstrekken. HTML is een van de belangrijkste manieren waarop webpagina's worden gemaakt. Doorgaans decodeert een webbrowser HTML verzonden door een website en geeft de resultaten op een computerscherm in een leesbaar formaat weer. HTML bevat het concept van een tabel om de inhoud op een pagina te ordenen.
Een tabel heeft meerdere rijen en kolommen die informatie verticaal en horizontaal organiseren. Bij het weergeven van een HTML-tabel wil men vaak dat een enkel contentitem wordt toegepast of verspreid over meerdere rijen. In een tabel geeft rowspan = N - waarbij N een getal is zoals 2, 3, enz. - aan dat de cel zich over zoveel rijen verspreidt.
Overweeg 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 Zuid veranderde tijdens de opnameperiode van kop; de respectieve bedragen moeten aan beide personen worden toegeschreven. De volgende code bereikt dit.
<Html>
<table border = "1">
<Tr>
<Th> Regio </ th>
<Th> Head </ th>
<Th> Verkoop </ th>
</ Tr>
<Tr>
<Td> East </ td>
<Td> Lewis </ td>
<Td> $ 2.100 </ td>
</ Tr>
<tr> <td rowspan = "2"> Zuid </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>
In dit voorbeeld wordt een tabel gemaakt. De koppen Regio, Hoofdpersoon en Verkoop worden gespecificeerd gevolgd door vier rijen met gegevens. Elke cel in de tabel wordt aangegeven met het kenmerk tabelgegevens (td). De gegevens voor Zuid gaan over twee rijen, dus door rowspan = 2 op te geven, strekt het woord Zuid 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 naar een tekstbestand kopiëren en in een browser openen om het effect te bekijken. In deze code zijn lege spaties toegevoegd om de verkoopkoppen gemakkelijk te identificeren, maar deze zijn niet nodig. Het volgende is een iets ander voorbeeld waarbij één persoon, Lilian, twee regio's leidt: Zuid en West.
<Html>
<table border = "1">
<Tr> <th> Regio </ th> <th> Head </ th> <th> Verkoop </ th> </ tr>
<Tr> <td> East </ td> <td> Lewis </ td> <td> $ 2.100 </ td> </ tr>
<tr> <td> Zuid </td> <td rowspan = "2"> Lilian </td> <td> $ 2.480 </td> </tr>
<tr> <td> West </td> <td>$1.900</td> </tr>
</ Table>
</ Html>
Een webpagina hoeft mogelijk geen gegevens in tabelvorm weer te geven. Het kan een koptekst hebben, zoals de bedrijfsnaam en het logo, een of meer menu's bovenaan of aan de zijkant, hoofdinformatie in het midden, enzovoort. Bij het maken van een dergelijke webpagina wordt er vaak een tabelstructuur onder gebruikt zonder dat de lezer hiervan op de hoogte is. Voor een soepel effect wordt het rowspan-kenmerk gebruikt wanneer een deel van de inhoud zich over meerdere rijen verspreidt.
Misschien wilt u bijvoorbeeld een persoonlijke webpagina maken die drie kolommen met informatie bevat: Familie, Carrière en Community. Elke kolom kan een korte inleiding, een foto en details bevatten. Om de pagina er beter uit te laten zien, kan aan de rechterkant een kleurband worden gebruikt. In dit geval kan de rowspan-functie worden gebruikt om aan te geven dat de kleurband alle rijen beslaat.