Responsive HTML-tabeller trækker deres navn fra den "responsive design" -princippet, et design mønster, der refererer til websider og web-baserede applikationer, der gør det samme på mobile og stationære enheder, ved hjælp af flydende layouts, flytte rundt for at passe indhold i tilgængelige mellemrum, uanset viewport størrelse.
Dette plugin implementerer et sådant mønster for HTML tabeller, tvinger brede tabeller til at vise lodret på mobile skærme, rulle ned for at se mere indhold, i stedet for at rulle sidelæns.
Dette gøres ved at trække i tabellen header og individuelle tabelrækker.
Hver tabel rækken udskrives som sit eget bord, med den oprindelige tabel header vises over det.
Mens forvirrende ved første, teknikken er meget nyttigt for små screen-enheder, og en langt bedre pasform end at skjule tabelkolonner, teknik, der anvendes af andre plugins.
På denne måde data bliver aldrig mistet, mens brugeren har en lille smule mere lodret rulning at gøre.
. Demoer er inkluderet i download-pakke
Krav :
- JavaScript aktiveret på klientsiden
- jQuery
Kommentarer ikke fundet