Creare tabelle responsive in WordPress è un po’ complicato. Anche la versione predefinita blocco tabella non riesco a gestirlo perfettamente.
Qui a WP Table Builder, Con questo strumento abbiamo creato una soluzione che permette di creare tabelle responsive su qualsiasi dispositivo. È possibile ottimizzare la reattività sia su dispositivi mobili che su tablet.
E la cosa fantastica è che è estremamente facile. Ecco come rendere una tabella responsive in WP Table Builder.
Come rendere una tabella responsive #
Una volta che avrai ha creato una tabella, Fate clic sulla scheda ‘RESPONSIVE’. E fate clic sul pulsante di attivazione della funzione ‘Table responsive’.

Ora è necessario configurare la tabella per i dispositivi mobili e tablet.
Innanzitutto, cliccate su ‘Icona mobile‘ il tasto in alto (1) o “Mobile” sul lato sinistro (1) Sotto i punti di interruzione.. Ti mostrerà la visualizzazione predefinita della tabella mobile responsive.

È possibile ottimizzare ulteriormente la tabella per trovare quella che si adatta alle proprie esigenze.
La prima cosa che puoi fare è attivare la funzione ‘Top Row As Header’. In questo modo verranno visualizzati l’intestazione e l’elemento della colonna uno accanto all’altro.

L’opzione successiva è ‘Static Top Row’, perfetta quando hai una tabella enorme con oltre 10 righe. Se attivata, mantiene visibile l’intestazione.

È anche possibile cambiare direzione dello stack delle celle e Oggetti per persona.

È inoltre possibile modificare la reattività della versione per tablet facendo clic su ‘Tabella‘L’icona nella parte superiore o la scheda “Tablet” nella barra laterale sinistra.

Ma se volete visualizza la tabella proprio come è indipendentemente dalla dimensione dello schermo del dispositivo, abilitare la funzionalità “Disabilita i punti di arresto”La possibilità di scegliere tra le opzioni ‘MOBILE’ e ‘TABLET’ nelle opzioni di modalità.

Spero che questo vi aiuti a creare tabelle responsivi in WordPress.