Aggiungere e configurare l'app Table Master
Tempo di lettura: 5 min.
L'app Table Master ti consente di creare facilmente tabelle sul tuo sito Wix. Puoi caricare Fogli Google o inserire manualmente i dati delle tabelle. I visitatori del tuo sito possono visualizzare, ordinare e filtrare i dati della tabella senza doverli scaricare.
Usa una tabella per:
- Organizzare contenuti
- Creare liste
- Ordinare i dettagli dei contatti
- Aggiornare i dati
- e altro ancora
Prima di iniziare:
Il tuo foglio di calcolo deve essere pubblicato prima di poterlo caricare.
![Screenshot dell'app Table Master come appare su desktop e su mobile](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/10/18/36bdeeb7-8a99-4c41-a965-fcdd41c21f0e/a679e003-7a65-4a13-ba59-984552bf85c4.png)
Passaggio 1 | Aggiungi l'app Table Master al sito
Aggiungi l'app Table Master al tuo sito. Una volta aggiunta l'app, puoi copiarla e incollarla per spostarla in un'altra pagina del tuo sito.
Nota:
L'app Table Master non è ancora disponibile per l'Editor Studio.
Per aggiungere l'app:
- Clicca su Aggiungi app sul lato sinistro dell'Editor
- Cerca l'app Table Master nella barra di ricerca
- Clicca su Aggiungi al sito
![Screenshot che mostra come aggiungere l'app Table Master al tuo sito](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/13691038-5aa8-4672-9b95-348c0733cabc/2022/11/08/93911076-68f1-4f2a-87ee-1de9549bc828/84b70239-86f2-4a0d-bb71-13ba26e083c8.png)
Passaggio 2 | Inserisci i dati della tabella
Puoi scegliere di caricare un foglio di calcolo di Fogli di Google o inserire manualmente i dati della tabella.
Per aggiungere i tuoi dati:
- Seleziona la tabella nell'Editor
- Clicca su Impostazioni
- Clicca sulla scheda Dati
- Aggiungi i tuoi dati manualmente o carica un foglio di calcolo Fogli Google
Aggiungi i dati manualmente
Carica un foglio di calcolo Fogli Google
Passaggio 3 | Personalizza il layout e la visualizzazione della tabella
Dopo aver aggiunto i dati, puoi personalizzare il layout e la visualizzazione della tabella. Seleziona il numero di colonne di dati da visualizzare, l'altezza della tabella e il modo in cui la tabella verrà mostrata sui dispositivi mobile.
Per personalizzare il layout e la visualizzazione:
- Clicca sulla scheda Layout
- Clicca sull'interruttore Limite colonne per stabilire se la tabella mostra o meno un numero limitato di colonne
- Abilitato: è possibile selezionare il numero di colonne mostrate sotto Maximum columns to show (Numero massimo di colonne da mostrare). Trascina il cursore o inserisci un numero nel campo per modificarlo
- Disabilitato: il numero di colonne mostrate nella tabella è illimitato
![Screenshot delle impostazioni del layout dell'app Table Master](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/09/03/0070bb4d-3d40-482d-bc5e-6c1fad5d875b/cc763740-605b-43df-9505-fae5a0b860c0.png)
- Seleziona l'altezza della tabella sotto Altezza tabella
- Dimensioni fisse con scorrimento: la tabella non si adatterà ai tuoi dati. Se nella tabella ci sono più righe di quelle che possono entrare nell'area visibile, sarà dotata di una barra di scorrimento verticale
- Adatta al contenuto: l'altezza della tabella verrà regolata in base al numero di righe
- Seleziona il comportamento della tabella sui dispositivi mobile alla voce Layout Mobile
- Espandi: la tabella mostrerà la prima colonna e i visitatori potranno cliccare su ogni riga per visualizzarne il contenuto
- Scorri: l'altezza della tabella è fissa e dispone di barre di scorrimento che i visitatori possono utilizzare per visualizzare più dati
- Clicca sulla scheda Mostra
![Screenshot delle impostazioni di visualizzazione dell'app Table Master](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/09/03/57c40316-efb4-4cf4-8491-011c50b0ebb3/6c8b18a4-bc16-480b-9344-5cd3814b272b.png)
- Clicca sull'interruttore Mostra intestazione e piè di pagina per stabilire se mostrare l'intestazione e il piè di pagina nella tabella
- Clicca sull'interruttore Mostra ricerca per stabilire se mostrare una barra di ricerca nella tabella
- (Facoltativo) Personalizza il testo predefinito della barra di ricerca sotto Testo per la ricerca
- Clicca sull'interruttore Abilita filtro per impostare se i visitatori possono ordinare i dati nella tabella.
Se abilitato, i visitatori possono cliccare su una colonna per disporre i dati in ordine alfabetico o numerico crescente o decrescente
![GIF della funzione di ordinamento nell'app Table Master](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/09/03/9cbf52f8-1092-4d35-bd96-e7b626eda23b/95243642-a9cb-496c-95bb-b0eee5aaff27.gif)
Passaggio 4 | Personalizza il testo e i colori della tabella
L'ultimo passaggio consiste nel personalizzare i caratteri e i colori del testo della tabella nella scheda Design. Puoi impostare i colori dello sfondo, dei bordi e delle righe della tabella e personalizzare il carattere del testo della tabella.
- Clicca sulla scheda Design
- Clicca su Colore sfondo
- Seleziona un colore per lo sfondo della tabella sotto Colore primario
- Clicca sull'interruttore Usa gradiente per definire se il colore di sfondo della tabella è dotato di un effetto sfumato
![Screenshot di una tabella popolata con nome, email e numero di telefono](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/09/03/30350886-714f-49b0-b305-7b79f98302ca/01207eab-e65a-4cf7-8145-c5b1283bfa57.png)
- (Facoltativo) Seleziona un secondo colore per lo sfumato accanto a Colore secondario
- Seleziona un colore del bordo, la larghezza del bordo e il raggio dell'angolo sotto Bordo esterno
- Clicca su Indietro
- Clicca su Tabella
- Clicca su Testo sotto Colonne o Righe per personalizzare i caratteri utilizzati nella tabella. Puoi selezionare opzioni di testo separate per righe e colonne
![Screenshot delle impostazioni di design e di come modificare il font](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/9dcc39dd-da6f-4c38-b1c3-ee79d33f39d5/2021/09/03/94250054-e5ce-49f5-9e83-3fc7aa23bd79/2e19f8ae-4f1d-456a-9352-e01320974844.png)
- Seleziona i colori di sfondo per le righe sotto Righe. Puoi impostare colori diversi per le righe pari e dispari e impostare un colore di sfondo al passaggio del mouse
- Seleziona un colore e una larghezza per i bordi interni della tabella sotto Bordo interno
- Pubblica il tuo sito per vedere le modifiche live
Suggerimento:
Puoi anche cercare nel Wix App Market per altre app per la tabella o creare una tabella utilizzando Velo by Wix.