Förutom formulärfält, en av de svåraste HTML-element att manipulera är tabeller. De är svåra att stil via CSS och också extremt svårt att bearbeta via JavaScript.
Det är därför i mycket få Responsive Web Design (RWD) ramar och UI kit ska tabellen gränssnittselement adresseras och korrekt formaterad för mindre skärmar.
Den "Responsive tabeller" jQuery plugin tillåter utvecklare att ta en tabellens kolumner och tilldela dem en synlighet prioritet baserat på tillgängliga skärmstorleken.
Så när sidan nås från en mindre skärm, kommer bara tabellkolumnerna med prioritet att visas, baserat på skärmupplösningen.
Resten av kolumnerna kommer bara att döljas, med en särskild väljare till det övre högra hörnet i tabellen, där användarna kan återaktivera en kolumn och dölja andra.
Detta kan vara mycket användbart, särskilt för datarutnät där bordet innehåller en stor mängd kolumner.
Responsive tabeller kommer med stöd för Bootstrap ram, en klibbig tabellrubrik, colspans och en särskild rad fokus / markera funktionen.
. En demo medföljer nedladdningspaketet
Krav :
- Javascript aktiverat på klientsidan
- jQuery
- jQuery UI
Kommentarer hittades inte