Nieuwsblog: WordPress & Joomla Extensions

Meer responsieve WordPress-tabellen met herhaalde kopteksten

NIEUWS-DECEMBER_20210119-054051_1

WordPress-tabellen zijn een tweesnijdend zwaard, ondanks de vooruitgang van WordPress door de jaren heen. Het zijn de perfecte kandidaten om data te presenteren, maar ongunstig om een ​​verhaal te vertellen. Vind je dat nog niet erg genoeg, wacht dan maar tot je hoort over smartphones en tablets: apparaten waar je nog minder ruimte hebt om data weer te geven. Er zijn een aantal nadelen aan de tafel waar je mee moet leren leven, maar reactievermogen is 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 ​​tafel neer te zetten? In de vorige update gaf WP Table Manager je twee responsieve opties: een schuifbalk toevoegen en kolommen verbergen. Deze twee modi hebben hun toepassingen, maar als u horizontaal scrollen of het verbergen van gegevens wilt vermijden, is de nieuwe derde modus misschien wat u zoekt: herhaalde kopteksten.

 

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 in 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 het 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 herhaalde koptekstmodus kiezen bij het bewerken van een tabel: kies responsieve opties in het opmaakmenu en zoek vervolgens naar de herhaalde koptekstmodus 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 erg lange pagina oplevert. De responsieve maximale hoogte lost dit probleem op door de hoogte van de tabel met herhaalde kopteksten in responsieve modus af te dekken. Als de responsieve tabel te lang is, kunnen uw WordPress-lezers een schuifbalk gebruiken om zoals gewoonlijk meer gegevens te bekijken.

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

6
WordPress HTML-tabellen beheren en insluiten in DI ...
Gebruik fysieke servermappen voor de WordPress Medi ...
 

Opmerkingen

Er zijn nog geen opmerkingen gemaakt. Wees de eerste die een opmerking plaatst
Al geregistreerd? Hier inloggen
Gast
donderdag 21 oktober 2021

Captcha-afbeelding