Betere responsive tabellen op Joomla

Droptables heeft tabellen voor Joomla onder de knie. In recente updates heeft Droptables ondersteuning toegevoegd voor meer soorten gegevens, meer manieren om getallen te verwerken met vergelijkingen en nieuwe opties om tabellen te stijlen met thema's alsof het spreadsheets waren. De laatste update heeft alles tegelijk te maken omdat het alles tegelijk beïnvloedt: betere responsieve tabellen voor Joomla.

De enige zorg met tabellen is de ruimte die ze innemen. In een desktopomgeving kan een webbrowser een grote tabel comfortabel passen of het navigeren erdoorheen ten minste vergemakkelijken. Op een tablet of mobiel apparaat daarentegen past zelfs een kleine tabel mogelijk niet comfortabel. De nieuwste versie van Droptables voor Joomla heeft nieuwe functies toegevoegd om uw tabellen beter te laten uitzien op desktop, tablets en smartphones. Laten we erin duiken!

Responsieve Joomla-tabelthema's 

In de loop der jaren heeft Droptables veel functies toegevoegd aan Joomla-tabellen, genoeg om de scheiding tussen eenvoudige tabellen en complexere spreadsheets te vervagen. De uitdaging wordt dan hoe tabellen op zo'n manier kunnen worden weergegeven dat ze er hetzelfde uitzien of, in ieder geval, zo vergelijkbaar mogelijk op zowel desktopapparaten als tablets en mobiele apparaten. 

Droptables 3.7's laatste update blijft de responsive overgang op Joomla blogs soepeler maken. Alle responsive opties verschijnen in de tabelbeheerder, onder het Formaat menu: het toepasselijk genaamde responsive opties item. Van hieruit kun je het gedrag van je tabel op verschillende soorten apparaten beheren, ongeacht hoe groot of klein ze zijn.

U kunt bijvoorbeeld kiezen welk type responsieve Joomla-tabel u wilt. Responsieve tabellen kunnen op kleine apparaten schuifbalken hebben of sommige kolommen verbergen om de belangrijkste gegevens en cijfers weer te geven. U kunt de tabel ook instellen om kopteksten te herhalen, waardoor de tabel opnieuw wordt gestructureerd om kolommen te vervangen door een eendimensionaal overzicht. GIF's, zoals de onderstaande, demonstreren het gedrag van de tabel om u te helpen bij het kiezen.

Afhankelijk van het type responsief gedrag dat u kiest, kunt u het thema op een fijnere granulariteit configureren. In de scrollmodus kunt u bijvoorbeeld de hoogte van de tabel instellen. Als u ervoor kiest om kolommen te verbergen, kunt u de belangrijkste functies kiezen, die Droptables prioriteit geven bij het bepalen welke gegevens worden weergegeven. En als u er de voorkeur aan geeft om headers te herhalen om alle gegevens in een compacte weergave weer te geven, heeft Droptables 3.7 nieuwe opties geïntroduceerd. 

Tabelstijl behouden op tablets en mobiele apparaten 

De lijst met responsieve opties blijft langer worden, en deze keer was het de beurt aan de herhaalde headers om een update te ontvangen. De weergave met herhaalde headers voor responsieve Joomla-tabellen heeft nu drie opties: het breekpunt van de tabel, de maximale hoogte en de styling. 

Het breekpunt bepaalt wanneer een tabel responsief wordt. Wanneer het zichtbare gebied van uw Joomla-blog, of het weergavegebied van de webbrowser, onder een bepaalde breedte valt, schakelt Droptables automatisch over van de standaard tabelweergave naar de herhaalde koppenweergave. Op mobiele apparaten is het weergavegebied bijvoorbeeld de breedte, in pixels, van het apparaat, wat de responsieve weergave activeert.

De responsieve hoogte dient een ander doel. Aangezien de weergave met herhaalde kopteksten een enigszins eendimensionale weergave van gegevens gebruikt, met slechts twee kolommen, kan een tabel snel ontaarden in een extreem lang element dat uw Joomla-blog overbelast. Daarom bepaalt de responsieve hoogte, net als de schuifweergave, een maximale hoogte voor een responsieve tabel. 

Tot slot, de laatste optie, de responsive mode styling. Voorheen zou Droptables de verschillende kolommen markeren—nu rijen onder elkaar in de herhaalde koppenweergave–door afwisselende grijze kleuren. Als je je eigen tabelstijl had toegepast, overschreef Droptables de meeste stijlopties. Je kunt nog steeds die optie kiezen, de standaard responsive mode styling, maar nu, in de laatste versie, kun je ook kiezen voor stijl uit tabel, die je stijl en thema behoudt.

Tabellen zijn een geweldige manier om gegevens weer te geven in een universeel begrepen formaat. Tablets en mobiele apparaten zijn echter niet ontworpen voor grote gegevens. Geen zorgen, Droptables blijft verbeteren op beide fronten, zodat u uw gegevens en de presentatie ervan op Joomla kunt verbeteren en ervoor kunt zorgen dat uw tabellen er perfect uitzien, of het nu op een desktop, tablet of smartphone is.

En het is volledig compatibel met de Excel functie!

Als u tabellen nodig hebt op Joomla, kunt u niet fout gaan met Droptables. Bekijk de plugin hier.