Oltre i campi del modulo, uno dei più difficili elementi HTML per manipolare sono tabelle. Sono difficili da stile tramite CSS e anche estremamente difficile da elaborare tramite JavaScript.
È per questo che in pochissimi Responsive Web Design (RWD) quadri e kit di interfaccia utente, l'elemento dell'interfaccia utente tavolo è indirizzato e correttamente formattato per schermi di piccole dimensioni.
Il "tavoli Responsive" plugin per jQuery consente agli sviluppatori di prendere le colonne di una tabella e li assegnano una priorità visibilità in base alle dimensioni dello schermo disponibile.
Così, quando la pagina si accede da uno schermo più piccolo, sarà mostrato solo le colonne della tabella con priorità, in base alla risoluzione dello schermo.
Il resto delle colonne viene nascosta solo, con un apposito selettore in alto a destra del tavolo, dove gli utenti possono riattivare una colonna e nascondere gli altri.
Ciò può essere molto utile soprattutto per griglie di dati in cui la tabella contiene una grande quantità di colonne.
Tavoli Responsive viene fornito con il supporto per il Bootstrap quadro, un header tavolo appiccicoso, colspans e un focus speciale fila / evidenziazione funzione.
. Una demo è incluso nel pacchetto di download
Requisiti
- JavaScript abilitato sul lato client
- jQuery
- jQuery UI
I commenti non trovato