Vai al contenuto

Liste su più colonne

Dopo un paio di ore trascorse senza successo alla ricerca di un semplice plugin per jQuery che suddividesse una lista su più colonne, Andrea Cima Serniotti ha deciso di crearne uno ad hoc: Easy List Splitter.

Il risultato è abbastanza buono e siamo sicuri che aiuterà tutti coloro che hanno la necessità di dividere un elenco su colonne diverse.

Per mantenere il plugin più semplice e flessibile possibile, non sono state impostate nel codice nè regole CSS nè la larghezza delle colonne. Il plugin genera semplicemente un codice HTML valido e pulito a cui è possibile associare il vostro CSS e quindi fare della lista quello che più vi piace.

Il plugin fornisce l’elenco, lo avvolge in un contenitore e genera le liste secondo il numero di colonne impostate suddividendo equamente le voci nelle colonne. Se l’elenco degli elementi non è sufficiente a riempire in modo uniforme tutte le colonne, il plugin nasconde le colonne in eccesso (questo accade solo se si stanno ordinando gli oggetti in un elenco verticale come di default).

Easy List Splitter crea un codice HTML minimo. Nessun elemento inutile o stili vengono aggiunti al codice. Il codice HTML contiene alcune classi che possono essere utilizzate a vostro piacimento attraverso un semplice foglio stile, oppure si può decidere di utilizzare il foglio stile di default. E’ possibile scegliere se ordinare gli elementi verticalmente o orizzontalmente.

[Download non trovato]

Sito autore e demo: http://www.madeincima.it/articoli/jquery-plugin/easy-list-splitter/

Scritto da jqueryitalia

Sito WEB: https://www.jqueryitalia.org

Contenuto non disponibile.
Per visualizzarlo, devi acconsentire all'utilizzo dei cookies cliccando su "ACCONSENTO" nel banner sottostante.

Questo sito utilizza i cookies, anche di terze parti: se chiudi questo banner, scorri la pagina o continui con la navigazione, tu ACCONSENTI all'utilizzo dei cookies. MAGGIORI INFORMAZIONI

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi