Responsive HTML tafels trekken hun naam van de 'responsive design' principe, een ontwerp patroon dat verwijst naar webpagina's en web-based apps die hetzelfde op mobiele en desktop-apparaten te maken, met behulp van vloeibare lay-outs die rond verschuiven naar de inhoud past in beschikbaar witruimte, ongeacht de viewport omvang.
De plugin implementeert een dergelijk patroon voor HTML-tabellen, waardoor brede tafels verticaal weer te geven op mobiele schermen, naar beneden te scrollen om meer inhoud te zien, in plaats van zijwaarts scrollen.
Dit wordt gedaan door het trekken van de tabel header en individuele tabelrijen.
Elke tafel rij wordt afgedrukt als zijn eigen tafel, met de originele tabel header erboven weergegeven.
Terwijl verwarrend op het eerste, de techniek is zeer nuttig voor kleine scherm apparaten, en een veel betere pasvorm dan tabelkolommen, techniek die gebruikt wordt door andere plugins te verbergen.
Op deze manier data wordt nooit verloren, terwijl de gebruiker een beetje meer verticaal scrollen te doen.
. Demo's zijn inbegrepen bij het downloadpakket
Eisen
- Javascript nodig op client side
- jQuery
Reacties niet gevonden