Plugin per tabelle responsive su WordPress

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 qui

Come cambiare colore ad una sola colonna su Advanced Tables – Excel-style plugin

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!