Responsievere WordPress-tabellen met herhaalde headers

WordPress-tabellen zijn, ondanks de vooruitgang die WordPress door de jaren heen heeft geboekt, een tweesnijdend zwaard. Ze zijn perfect voor het presenteren van data, maar minder geschikt om een ​​verhaal te vertellen. En alsof dat nog niet erg genoeg is, bedenk dan eens hoe het zit met smartphones en tablets: apparaten waarop je nog minder ruimte hebt om data weer te geven. Er zijn een aantal nadelen aan tabellen waar je mee moet leren leven, maar responsiviteit is daar geen 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 verbeterde versie van de WordPress-tabelbeheerder die een nieuwe responsieve modus en nieuwe opties toevoegt waarmee je responsieve tabellen en hun gedrag kunt aanpassen: 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 WP Table Manager twee responsieve opties: een scrollbalk toevoegen en kolommen verbergen. Deze twee modi hebben hun nut, maar als je horizontaal scrollen of het verbergen van gegevens wilt vermijden, is de nieuwe derde modus wellicht wat je zoekt: herhaalde kopteksten.

De responsieve modus met herhaalde kopteksten, net als alle andere modi, gebruikt standaard een normale tabel wanneer er voldoende ruimte is, bijvoorbeeld op een desktopapparaat zoals een computer of laptop. Als er niet genoeg ruimte is, wordt de tabel samengevouwen tot een eenvoudigere tabel met twee kolommen: de tabelkop en de waarde van de rij.

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

Dankzij dit eenvoudige, responsieve gedrag kunt u met de tabelmodus met herhaalde kopteksten zoveel gegevens aan uw tabellen toevoegen als u wilt, zonder u zorgen te hoeven maken over hoe het er op mobiele telefoons en tablets uitziet. 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-gebruikers de records van elkaar kunnen onderscheiden.

Responsieve tabellen aanpassen in de modus met herhaalde kopteksten

Bij het bewerken van een tabel kunt u de modus voor herhaalde kopteksten selecteren: kies 'Responsieve opties' in het opmaakmenu en zoek vervolgens ' voor herhaalde kopteksten ' in het eerste dropdownmenu. U kunt de tabel met herhaalde kopteksten ook op twee manieren aanpassen: het responsieve breakpoint en de responsieve maximale hoogte.

Het responsieve breakpoint is de breedte waaronder de WordPress-tabelmanager-plugin stopt met het weergeven van de tabel zoals gebruikelijk en overschakelt naar de responsieve modus met herhaalde kopteksten. Je kunt deze waarde schatten op basis van je WordPress-thema en het aantal kolommen: als je denkt dat de tabel niet past onder een bepaalde breedte, gebruik die breedte dan als breakpoint.

Als je veel rijen of kolommen hebt, kan de weergavemodus met herhaalde kopteksten een erg lange pagina opleveren. De maximale hoogte voor responsieve weergave lost dit probleem op door de hoogte van de tabel met herhaalde kopteksten in de responsieve modus te beperken. Als de responsieve tabel te lang wordt, kunnen je WordPress-gebruikers de scrollbalk gebruiken om zoals gebruikelijk meer gegevens te bekijken.

Er bestaat geen wondermiddel voor responsieve tabellen, maar de modus voor herhaalde kopteksten in WordPress-tabellen komt aardig 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 Managerzorgt ervoor dat je gegevens altijd passen, ongeacht het apparaat.