Responsievere WordPress-tabellen met herhaalde headers

WordPress-tabellen zijn een tweesnijdend zwaard, ondanks de vooruitgang die WordPress door de jaren heen heeft geboekt. Ze zijn de perfecte kandidaten om data te presenteren, maar ongunstig om een ​​verhaal te vertellen. Als je dat nog niet erg genoeg vindt, wacht dan maar tot je hoort over smartphones en tablets: apparaten waarop je nog minder ruimte hebt om gegevens weer te geven. Er zijn een aantal tafelnadelen waar je mee moet leren leven, maar reactievermogen hoort daar niet bij.

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-tabelmanager die een nieuwe responsieve modus en nieuwe opties toevoegt om je te helpen responsieve tabellen en hun gedrag aan te passen: herhaalde headers.

Responsieve tabellen met herhaalde kopteksten

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

De responsieve modus voor herhaalde kopteksten gaat, net als alle andere modi, standaard naar een normale tabel als er voldoende ruimte is, zoals op een desktopapparaat, zoals computers of laptops. Als er niet genoeg ruimte is, wordt het samengevouwen tot een eenvoudigere tabel met twee kolommen: de tabelkop en de waarde van de rij.

In de praktijk betekent dit dat als u vier kolommen in een tabel heeft, elke rij in de oorspronkelijke tabel wordt weergegeven als vier nieuwe rijen in de responsieve versie. Elke nieuwe rij heeft alleen de originele koptekst en de bijbehorende gegevenswaarde. Dit schema is van toepassing op elke rij in de originele tabel, dus er staat altijd een herhaalde koptekst naast de gegevenswaarden.

Dankzij dit eenvoudige responsieve gedrag kunt u met de tabelmodus met herhaalde kopteksten zoveel gegevens aan uw tabellen toevoegen als u wilt, zonder dat u zich ooit zorgen hoeft te maken over hoe deze eruit zal zien op mobiele telefoons 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 modus voor herhaalde kopteksten

U kunt de modus voor herhaalde kopteksten kiezen wanneer u een tabel bewerkt: kies responsieve opties in het opmaakmenu en zoek vervolgens naar de voor herhaalde kopteksten 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 Table Manager-plug-in stopt met het weergeven van de tabel zoals gewoonlijk, en in plaats daarvan overschakelt naar de responsieve, herhaalde headers-modus. U kunt deze waarde schatten 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 deze dan als breekpunt.

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

Er bestaat geen wondermiddel voor responsieve tabellen, maar de modus voor 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 voor herhaalde headers van WP Table Manager zorgt ervoor dat uw gegevens altijd passen, op welk apparaat dan ook.