Udover formularfelter, en af de sværeste HTML-elementer til at manipulere er borde. De er svære at style via CSS, og også ekstremt svært at behandle via JavaScript.
Det er derfor, i meget få Responsive Web Design (RWD) rammer og UI kits, tabellen UI element rettet og ordentligt formateret til mindre skærme.
Den "Responsive tabeller" jQuery plugin giver udviklere mulighed for at tage en tabellens kolonner og tildele dem en synlighed prioritet baseret på den tilgængelige skærmstørrelse.
Så når siden er adgang fra en mindre skærm, vil kun de tabelkolonner med prioritet blive vist, baseret på skærmopløsning.
Resten af kolonnerne vil kun blive skjult, med en speciel vælgeren øverst til højre i tabellen, hvor brugerne kan genaktivere en kolonne og skjule andre.
Dette kan være meget nyttigt, især for data-net, hvor tabellen indeholder en stor mængde af kolonner.
Responsive borde kommer med støtte til Bootstrap rammer, en sticky tabel header, colspans og en særlig række fokus / fremhæve funktionen.
. En demo er inkluderet download pakke
Krav :
- JavaScript aktiveret på klientsiden
- jQuery
- jQuery UI
Kommentarer ikke fundet