{"id":1908,"date":"2025-03-11T09:10:10","date_gmt":"2025-03-11T09:10:10","guid":{"rendered":"https:\/\/wptablebuilder.com\/?post_type=docs&p=1908"},"modified":"2026-11-13T14:01:03","modified_gmt":"2026-11-13T14:01:03","password":"","slug":"fare-la-tabella-responsive-per-wordpress","status":"publish","type":"docs","link":"https:\/\/wptablebuilder.com\/it\/docs\/make-table-responsive-wordpress\/","title":{"rendered":"Come rendere una tabella responsive in WP Table Builder"},"content":{"rendered":"
\n

Risposta rapida<\/p>\n\n\n\n

Apri la tabella nel builder, fai clic sulla scheda Responsive<\/strong> e attiva Enable Responsive Table<\/strong>. Seleziona il breakpoint Tablet<\/strong> (fino a 700px) o Mobile<\/strong> (fino a 375px), poi scegli Stack Direction<\/strong> (Row o Column), Items Per Head<\/strong> e se usare First Row As Header<\/strong>. Ogni breakpoint mantiene il proprio layout. Fai clic su Save<\/strong>. La modalit\u00e0 responsive \u00e8 gratuita; disattivare un singolo breakpoint richiede Pro.<\/p>\n<\/div>\n\n\n\n

Una tabella responsive cambia layout sugli schermi piccoli per restare leggibile. Invece di restringere ogni colonna, WP Table Builder pu\u00f2 impilare la tabella in blocchi pi\u00f9 piccoli su tablet e telefoni, mentre i visitatori da desktop vedono la tabella esattamente come l\u2019hai creata.<\/p>\n\n\n

<\/div><\/div><\/div>\n\n\n

Requisiti<\/h2>\n\n\n\n
Voce<\/th>Dettagli<\/th><\/tr><\/thead>
Piano<\/strong><\/td>Gratis e Pro (Disable Breakpoint richiede Pro)<\/td><\/tr>
Versione del plugin<\/strong><\/td>WP Table Builder 2.3.0 o successivo per il pannello mostrato qui<\/td><\/tr>
Tempo necessario<\/strong><\/td>Circa 3 minuti<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Opzioni responsive<\/h2>\n\n\n\n
Impostazione<\/th>Cosa fa<\/th><\/tr><\/thead>
Enable Responsive Table<\/strong><\/td>Attiva i layout responsive per questa tabella<\/td><\/tr>
Width Target<\/strong><\/td>Window<\/strong> usa la larghezza del browser per scegliere il breakpoint. Container<\/strong> usa la larghezza dell\u2019area in cui si trova la tabella, pi\u00f9 adatta per tabelle in barre laterali o colonne strette.<\/td><\/tr>
Preview Width<\/strong><\/td>La larghezza usata per l\u2019anteprima nel builder<\/td><\/tr>
Breakpoints<\/strong><\/td>Desktop<\/strong> (tabella come creata), Tablet<\/strong> (fino a 700px), Mobile<\/strong> (fino a 375px)<\/td><\/tr>
Disable Breakpoint<\/strong><\/td>Disattiva le modifiche responsive per il breakpoint selezionato (Pro)<\/td><\/tr>
Max Width<\/strong><\/td>La larghezza massima dello schermo a cui si applica il breakpoint<\/td><\/tr>
First Row As Header<\/strong><\/td>Ripete le etichette della prima riga accanto a ogni valore quando \u00e8 impilata<\/td><\/tr>
Static First Row<\/strong><\/td>Mantiene la prima riga come riga normale in alto invece di ripeterla<\/td><\/tr>
Stack Direction<\/strong><\/td>Row<\/strong> impila ogni riga in un blocco. Column<\/strong> impila ogni colonna in un blocco.<\/td><\/tr>
Items Per Head<\/strong><\/td>Quante righe o colonne vengono raggruppate sotto ogni intestazione quando \u00e8 impilata<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

Passo 1: Attiva la modalit\u00e0 responsive<\/h2>\n\n\n\n
    \n
  1. Apri la tabella nel builder.<\/li>\n\n\n\n
  2. Fai clic su Responsive<\/strong> (scheda) nel pannello a sinistra.<\/li>\n\n\n\n
  3. Attiva Enable Responsive Table<\/strong>.<\/li>\n<\/ol>\n\n\n
    <\/div><\/div><\/div>\n\n\n

    Passo 2: Imposta i layout per tablet e mobile<\/h2>\n\n\n\n
      \n
    1. In Breakpoints<\/strong>, fai clic su Tablet<\/strong> o Mobile<\/strong>. L\u2019area di lavoro passa a quella dimensione dello schermo.<\/li>\n\n\n\n
    2. Scegli un valore di Stack Direction<\/strong>:<\/li>\n<\/ol>\n\n\n\n