Avevo l’esigenza di un plugin per creare delle tabelle responsive su WordPress e mi sono messa alla ricerca di qualcosa “poca spesa tanta resa” online.
Alla fine, dopo una ricerca abbastanza approfondita, ho voluto testare con Advanced Tables – Excel-style table editor di Eugene Holin acquistato su ThemeForest per la modica cifra di 21€ circa.
Il plugin è compatibile con qualsiasi tema (occhio alla scelta del tuo tema WordPress, a tale proposito dai un’occhiata a questo articolo, ne parlo in modo approfondito).
Personalmente mi sono trovata molto bene e credo sia stato un ottimo acquisto!
Plugin Advanced Tables – Excel-style
Di seguito, la lista delle caratteristiche di questo fantastico plugin. Semplice da usare ed intuitivo, consente di avere una specie di foglio Excel direttamente nel tuo pannello di WordPress.
- Crea tabelle responsive con un semplice ed intuitivo editor in stile Excel
- Inserisci tabelle in qualsiasi post o pagina con un semplice generatore di shortcode
- Inserisci HTML nella tabella.
- Inserisci file multimediali nella tabella usando WordPress Media Editor standard
- Crea intestazioni di tabella con nomi personalizzati
- Usa le intestazioni adesive (fluttuanti) per qualsiasi tabella
- Crea il conteggio dei totali automatici nel piè di pagina della tabella
- Crea tabelle con righe e colonne illimitate
- Aggiungi e rimuovi file e colonne in modo dinamico
- Copia e incolla i dati da qualsiasi fonte
- Copia tabelle con tutto il contenuto e le impostazioni
- Usa tutti i tipi di allineamenti, sia verticali che orizzontali
- Crea un elenco di tabelle, progettato con le schede reattive
- Inserisci le tabelle nei post o nelle pagine con shortcode
- Ordina i dati nelle tabelle del tuo sito web con Tablesorter
- Design standard o flat
- Possibilità di personalizzare le tabelle creando il tuo proprio stile
- Documentazione completa
Avevo la necessità di cambiare il colore ad una sola colonna ed ho contattato Eugene che mi ha cortesemente indicato quanto sia semplice! Di seguito il CSS:
table-244 td:nth-child(2) {
background-color: #000;
}
Dove 244 verrà sostituito dal ID (numero) della tua tabella e (2) verrà sostituito dal numero della colonna che desideri modificare. Ovviamente puoi scegliere il colore che preferisci!