widget: Tavolo

widget Categorie: Basic

Il widget Tabella ti permette di visualizzare dati testuali all'interno di una tabella strutturata in righe e colonne, a cui si possono aggiungere contenuti copiandoli e incollandoli da un'altra tabella già esistente, tramite l'editor o caricando un file CSV.

Nota

  • Puoi caricare un file CSV esportato o copiato da Fogli Google o Excel (il linguaggio RTL non è supportato).

  • Una tabella può includere solo testi e link. Usa le righe e le colonne o un widget Elenco per creare una tabella con immagini, pulsanti o altri widget.

  • Nella versione 17 di Edge l'editor Tabella non si apre, mentre funziona correttamente in Edge 18.

  • La tabella può includere fino a 30 righe e colonne.

  • Quando si è connessi ai dati, il limite di righe è il limite del tipo di raccolta. Per ulteriori informazioni, vedere Contenuto dinamico: raccolte.

Contenuto dinamico

Questo widget può anche visualizzare pagine dinamiche (solo visualizzazione, il collegamento diretto non è disponibile). Per ulteriori informazioni, vedere Contenuto dinamico: opzioni di visualizzazione e navigazione per i record di raccolta.

Editor di contenuti

È possibile aggiungere dati alla tabella in tre modi:

  1. Digitando il testo nell'editor.

  2. Copiando e incollando i contenuti da una tabella esistente.

  3. Caricando un file CSV.

    24517235701655-table_widget2_en.gif

Utilizzare Cancella tutto per cancellare tutti i dati dalla tabella.

Editor di progettazione

  • Con l'editor di design puoi personalizzare il bordo della tabella, la barra del titolo, il colore di sfondo e lo stile del testo per l'intestazione, le righe e la prima colonna. È anche possibile personalizzare la direzione del testo e l'allineamento per l'intera tabella, ma non per singole celle.

  • La prima colonna può essere personalizzata in modo da avere colore di sfondo, tipo di carattere, dimensione e colore personalizzati.

  • Per facilitare la lettura della tabella, puoi anche scegliere di visualizzare le righe pari e dispari con colori diversi.

  • È possibile impostare la larghezza delle colonne su un valore fisso, oppure adattarla alla lunghezza del titolo. In questo secondo caso, la larghezza delle colonne non sarà uniforme.

Sui dispositivi mobili puoi scegliere una delle seguenti visualizzazioni:

  • Schiacciare. Questo è il modo migliore da usare se hai 2-3 colonne, adattando il tuo contenuto alla larghezza dello schermo.

  • Scorri. Questa opzione è consigliabile se si dispone di molte colonne. Puoi anche ridimensionare il widget e mostrare uno scorrimento verticale se la tua tabella è troppo lunga.

  • Crollare. Un altro modo dettagliato per presentare i tuoi dati, ti consiglio di non scegliere questo layout se hai troppe righe.

Esempi

Ingredienti alimentari:
24517245627415-example_2.png
Elenco contatti:
24517219933079-example_4.png
Tabella dei prezzi:
24517202716439-example_3.png
Tabella dei sapori:
24517231290391-example_1.png

Aggiungi dati connessi

È possibile visualizzare i dati di una raccolta in un widget Tabella. Questo tipo di widget può connettere qualsiasi tipo di raccolta: interna, esterna, Fogli Google, Airtable o immagini. L'utilizzo di tabelle collegate consente di realizzare siti più velocemente se si usano modelli collegati. Inoltre, invece di utilizzare l'editor di contenuti del widget tabella, è possibile modificare facilmente i dati direttamente in Fogli Google o Airtable.

In presenza di una pagina dinamica collegata alla stessa raccolta della tabella, tale pagina sarà automaticamente collegata alla tabella. Se si fa clic sulla riga, si accede all'elemento della pagina dinamica.

Nota

Per ulteriori informazioni sui dati connessi, vedere Panoramica dei contenuti dinamici.

Le tabelle collegate supportano i seguenti tipi di campo:

  • Rich Text

  • Testo semplice

  • Immagine

  • Collegamento

  • Numero

  • Data e ora

  • E-mail

  • Selezione multipla

  • Telefono

Collega il widget della tabella

Per connettere un widget tabella a una raccolta:

  1. Fai clic con il pulsante destro del mouse sul widget.

  2. Dal menu contestuale, fare clic su Connetti ai dati.

  3. Seleziona una raccolta dal menu a tendina.

  4. Seleziona i campi obbligatori dal menu a discesa Campi da visualizzare . Le colonne verranno ordinate nello stesso ordine in cui sono state selezionate.

  5. Fare clic su Fine.

Dopo esserti connesso con successo ai dati nella Libreria dei contenuti, il widget della tua tabella sarà contrassegnato da un'icona blu di dati connessi (connected_data_icon.png).