Wikia


Geneste tabellen zijn tabellen waarin een andere tabel is geplaatst.

Waarom zijn geneste tabellen zo slecht?Edit

Probeer het gebruik van geneste tabellen waar mogelijk te voorkomen. Tabellen nemen in het algemeen altijd de kleinste breedte aan en strekken verticaal wanneer de horizontale ruimte beperkt is. Echter, als een tabel is geplaatst in een andere tabel, dwingt dat de breedte van deze cellen tegen de andere tabel aan. Dit verbreed de volledige tabel. Dit is vooral slecht voor mobiele aparaten omdat de ruimte in de breedte daar beperkt is.

Het resultaat:veel horizontaal scrollen op mobiele aparaten (een slechte gebruikerservaring) en een groot deel van de tabel is niet zichtbaar. Als je de geneste tabellen opdeelt in verschillende onafhankelijke tabellen, is de informatie zichtbaar door naar beneden te scrollen, in plaats van opzij.

Hierdoor kan elke tabel dynamischer zijn. De opmaak van de inhoud wordt bepaald door de grootte van het mobiele scherm. Daarom zal de browser de tabellen naar de plek schuiven waar ruimte is, in dit geval verder naar beneden.

Wat je kunt als jouw wiki geneste tabellen gebruikt Edit

Moedig je mede-bewerkers aan om de geneste tabellen op te delen en de inhoud aan te passen naar inhoud die niet afhankelijk is van tabellen. Tabels naast elkaar plaatsen bereiken vaak hetzelfde resultaat. Als de inhoud het beste kan worden getoond in een tabel, dan kunt je altijd de celbreedte aanpassen zodat de op een individuele tabel lijken, maar nog steeds één grote tabel zijn.

De beste strategie om geneste tabellen te voorkomenEdit

Hoe je een geneste tabel kunt herkennenEdit

In de broncode beginnen tabellen altijd met de wikitekst {| of de HTML <table>. Tabellen worden afgesloten met het andere code: |} of </table>. Als je deze code niet tegenkomt, maar nogmaals de code voor het openen van een tabel, an duidt dit op een tabel in een tabel. Dit kan meerdere lagen diep gaan.

Hoe je een geneste tabel kunt opdelenEdit

De eerste stap is te bepalen hoe veel tabellen in de hoofdtabel zitten. De tweede stap is om de binnenste tabel (of de meeste diepgewortelde) tabel te vinden en deze er uit te halen. Plaats deze tijdelijk ergens ander. Kies daarna Voorvertoning en je krijgt een idee hoe deze tabel er op zichzelf uit ziet. Na de voorvertoning kan het zijn dat de tabellen er niet uitzien zoals je had verwacht. Controleer de parameters van de tabel (de code direct na de tabel opening: {|) op problemen. Wanneer je alle geneste tabellen uit de hoofdtabel hebt gehaald, zou je de originele tabel moeten kunnen weghalen. Nu worden de tabellen gestapelt voor een geoptimaliseerde weergave op mobiele aparaten.

Meer nuttig informatie over geneste tabellenEdit

Houd in gedachten, dat als een sjabloon wordt gebruikt om een tabel weer te geven voor de verschillende pagina's, dit ook invloed heeft op andere tabellen. Dit betekent dat als je het sjabloon verbetert, dit invloed heeft op alle tabellen waar dit sjabloon wordt gebruikt.

Tabellen met afbeeldingen in afzonderlijke cellen dwingen de cel om zich aan te passen aan de resolutie van de afbeelding. Daarom moeten afbeeldingen verkleind worden tot een mobiel-vriendelijke grootte, of geheel uit de tabelcellen worden weggehaald. Als de afbeelding zeer groot is en zich buiten de tabel bevindt, zal deze automatisch door de mobiele browser aan het scherm aanpassen.

Community content is available under CC-BY-SA unless otherwise noted.