Responsievere WordPress-tabellen met herhaalde headers

WordPress-tabellen zijn een tweesnijdend zwaard, ondanks de vooruitgang van WordPress door de jaren heen. Ze zijn de perfecte kandidaten om gegevens te presenteren, maar ongunstig om een verhaal te vertellen. Als je denkt dat dat niet erg genoeg is, wacht dan tot je hoort over smartphones en tablets: apparaten waar je nog minder ruimte hebt om gegevens weer te geven. Er zijn enkele nadelen van tabellen waarmee je moet leren leven, maar responsiviteit is er daar niet een van.

De laatste grote update van WP Table Manager introduceerde een nieuw responsief ontwerp voor tabellen met extra responsieve opties. Nu is er een nieuwere en betere versie van de WordPress-tabelbeheerder die een nieuwe responsieve modus en nieuwe opties toevoegt om u te helpen responsieve tabellen en hun gedrag aan te passen: herhaalde kopteksten.

Responsieve tabellen met herhaalde kopteksten

Wat gebeurt er als er niet genoeg ruimte is om een tabel weer te geven? In de vorige update gaf WP Table Manager je twee responsieve opties: een scrollbalk toevoegen en kolommen verbergen. Deze twee modi hebben hun toepassingen, maar als je horizontaal scrollen of het verbergen van gegevens wilt vermijden, is de nieuwe derde modus misschien wat je zoekt: herhaalde kopteksten.

De responsieve modus met herhaalde kopregels werkt, net als alle andere modi, standaard als een normale tabel wanneer er voldoende ruimte is, zoals op een desktopapparaat, bijvoorbeeld computers of laptops. Wanneer er niet genoeg ruimte is, klapt deze in tot een eenvoudigere tabel met twee kolommen: de tabelkop en de waarde van de rij.

In de praktijk betekent dit dat als je vier kolommen in een tabel hebt, elke rij in de originele tabel wordt weergegeven als vier nieuwe rijen in de responsieve versie. Elke nieuwe rij heeft alleen de originele kop en de bijbehorende gegevenswaarde. Dit schema geldt voor elke rij in de originele tabel, dus er staat altijd een herhaalde kop naast de gegevenswaarden.

Dankzij dit eenvoudige responsieve gedrag kunt u met de modus voor herhaalde kopregels zoveel gegevens aan uw tabellen toevoegen als u wilt, zonder dat u zich ooit zorgen hoeft te maken over hoe het eruitziet op mobiele apparaten en tablets. Bovendien gebruikt WP Table Manager afwisselende kleuren voor rijen op kleinere apparaten: elke rij in de originele tabel krijgt een andere kleur, waardoor de context behouden blijft en uw WordPress-lezers onderscheid kunnen maken tussen records.

Responsieve tabellen aanpassen in de modus met herhaalde kopteksten

U kunt de modus Herhaalde kopteksten kiezen bij het bewerken van een tabel: kies responsieve opties in het menu opmaak en zoek vervolgens naar de modus herhaalde koptekst in de eerste vervolgkeuzelijst. U kunt de tabel met herhaalde kopteksten ook op twee manieren aanpassen: het responsieve breekpunt en de responsieve maximale hoogte.

Het responsieve breekpunt is de breedte waaronder de WordPress-tabelbeheerplugin de tabel niet meer zoals gewoonlijk weergeeft en in plaats daarvan overschakelt naar de responsieve modus met herhaalde kopteksten. U kunt deze waarde inschatten op basis van uw WordPress-thema en het aantal kolommen dat u heeft: als u denkt dat de tabel niet onder een bepaalde breedte past, gebruik die dan als breekpunt.

Als u veel rijen of veel kolommen heeft, kan de modus voor herhaalde kopteksten een zeer lange pagina creëren. De responsieve maximale hoogte lost dit probleem op door de hoogte van de tabel met herhaalde kopteksten in responsieve modus te beperken. Als de responsieve tabel te lang is, kunnen uw WordPress-lezers zoals gewoonlijk een schuifbalk gebruiken om meer gegevens te bekijken.

Er is geen wondermiddel voor responsieve tabellen, maar de modus met herhaalde headers voor WordPress-tabellen komt in de buurt. Of u nu een kleine tabel heeft of een grote tabel met veel rijen en kolommen, de nieuwe modus met herhaalde headers van WP Table Managerzorgt ervoor dat uw gegevens altijd passen, ongeacht het apparaat.