Le tabelle di WordPress sono una spada a doppio taglio, nonostante i progressi di WordPress nel corso degli anni. Sono i candidati perfetti per presentare dati, ma sfavorevoli per raccontare una storia. Se pensi che non sia abbastanza grave, aspetta di sentire parlare di smartphone e tablet: dispositivi in cui hai ancora meno spazio per visualizzare i dati. Ci sono alcuni svantaggi delle tabelle con cui devi imparare a convivere, ma la responsività non è uno di questi.

L'ultimo importante aggiornamento di WP Table Manager ha introdotto un nuovo design reattivo per le tabelle con opzioni reattive aggiuntive. Ora, c'è una versione più recente e migliore del gestore di tabelle di WordPress che aggiunge una nuova modalità reattiva e nuove opzioni per aiutarti a personalizzare le tabelle reattive e il loro comportamento: intestazioni ripetute.

Tabelle responsive con intestazioni ripetute

Cosa succede quando non c'è abbastanza spazio per visualizzare una tabella? Nell'aggiornamento precedente, WP Table Manager ti ha fornito due opzioni responsive: aggiungere una barra di scorrimento e nascondere colonne. Queste due modalità hanno le loro applicazioni, ma se vuoi evitare lo scorrimento orizzontale o nascondere i dati, la nuova terza modalità potrebbe essere quella che stai cercando: intestazioni ripetute.

La modalità responsive a intestazioni ripetute, come tutte le altre modalità, di default visualizza una tabella normale quando c'è abbastanza spazio, come su un dispositivo desktop, come computer o laptop. Quando non c'è abbastanza spazio, si comprime in una tabella più semplice con due colonne: l'intestazione della tabella e il valore della riga.

In pratica, ciò significa che se si hanno quattro colonne in una tabella, ogni riga nella tabella originale sarà rappresentata come quattro nuove righe nella versione reattiva. Ogni nuova riga ha solo l'intestazione originale e il suo valore di dati. Questo schema si applica per ogni riga nella tabella originale, quindi c'è sempre un'intestazione ripetuta accanto ai valori di dati.

Grazie a questo semplice comportamento reattivo, la modalità di tabella con intestazioni ripetute ti consente di aggiungere tutti i dati che desideri alle tue tabelle senza mai preoccuparti di come appariranno su dispositivi mobili e tablet. Inoltre, WP Table Manager utilizza colori alternati per le righe su dispositivi più piccoli: ogni riga nella tabella originale ottiene un colore diverso, preservando il contesto e consentendo ai tuoi lettori WordPress di distinguere tra i record.

Personalizzazione delle tabelle reattive in modalità intestazioni ripetute

Puoi scegliere la modalità di intestazioni ripetute durante la modifica di una tabella: scegli opzioni responsive dal menu formato, quindi cerca la modalità intestazione ripetuta dal primo menu a discesa. Puoi anche personalizzare la tabella delle intestazioni ripetute in due modi: il punto di interruzione responsive e l'altezza massima responsive.

Il punto di interruzione reattivo è la larghezza al di sotto della quale il plugin di gestione tabelle di WordPress interrompe il rendering della tabella come al solito e invece passa alla modalità reattiva con intestazioni ripetute. È possibile stimare questo valore in base al tema di WordPress e al numero di colonne che si hanno: se si pensa che la tabella non si adatterà al di sotto di una certa larghezza, utilizzarla come punto di interruzione.

Se hai molte righe o molte colonne, è possibile che la modalità di intestazioni ripetute crei una pagina molto lunga. L'altezza massima responsive affronta questo problema limitando l'altezza della tabella con intestazioni ripetute in modalità responsive. Se la tabella responsive è troppo lunga, i tuoi lettori di WordPress possono utilizzare una barra di scorrimento per visualizzare più dati come al solito.

Non esiste una soluzione magica per le tabelle responsive, ma la modalità a intestazioni ripetute per le tabelle WordPress si avvicina. Che tu abbia una tabella piccola o una grande con molte righe e colonne, la nuova modalità a intestazioni ripetute di WP Table Managerassicura che i tuoi dati siano sempre visualizzati correttamente, qualunque sia il dispositivo.