Come creare tabelle

Come aggiungere la tabella come blocco separato alla pagina del sito web.
Di più
Come aggiungere la tabella nell'articolo, nei documenti o nelle lezioni del corso.
Di più
Come aggiungere la tabella nel testo di un blocco standard.
Di più
Aggiunta di una tabella tramite il blocco CL46
È possibile trovare un blocco tabella nella categoria "Colonne" della libreria dei blocchi (CL46).
Colonne, righe e testa
Le tabelle sono composte da righe e colonne. Le colonne sono divise dal simbolo del punto e virgola (;). Le righe sono divise da interruzioni di riga (il pulsante "Invio").
Esempio dei dati della testa:
Ora;Tipo di classe;Insegnante

Esempio dei dati del corpo:
08:00;Hatha Yoga;Nick Avery
10:30;Pilates;Nora Johnson
13:00;Aerobica;Tom Barry
Larghezza e altezza
È possibile regolare la larghezza generale della tabella nel pannello Impostazioni del blocco, ad esempio specificando il numero di colonne e il rientro a sinistra.

È possibile regolare la larghezza delle colonne nel pannello Contenuto del blocco nel rispettivo campo in fondo al pannello. È indicata in percentuale. Il totale di tutti i numeri deve essere uguale a 100. Se si lascia il campo vuoto, le colonne avranno la stessa larghezza.
Esempio di impostazione della larghezza:

50%;20%;30%
Link e pulsanti
È possibile aggiungere un link e un pulsante al testo della cella. È sufficiente aggiungere "link=http://mylink.com" o "button=http://mylink.com" e il contenuto dell'intera cella diventerà un link o un pulsante.
Esempio di link:

Biglietto;$100;Per saperne di più link=http://tilda.cc

Esempio di pulsante:

Biglietto;$100;Per saperne di più button=http://tilda.cc
Se si desidera aprire i link in una nuova scheda (e non in quella corrente), accedere al pannello Impostazioni del blocco → Tabella intera e selezionare la casella di controllo "Apri i link in una nuova scheda".
Versione mobile
Esistono due opzioni per la visualizzazione delle tabelle sui dispositivi mobili:
1. La tabella mantiene le sue dimensioni originali, estendendosi così oltre il bordo dello schermo mobile. La tabella mantiene le sue dimensioni originali, estendendosi oltre il bordo dello schermo mobile.
2. La tabella viene ridimensionata per adattarsi alla larghezza dello schermo.
Affinché la tabella si adatti alla larghezza dello schermo, è necessario selezionare la casella di controllo "Abilita la modifica della larghezza della tabella sui dispositivi mobili" nelle impostazioni.

Suggerimento: consentire la modifica della larghezza sui dispositivi mobili per le tabelle con poche colonne (ad esempio, 2-3) e poco contenuto (figure, frasi concise).
Esempi
Impostazioni: Scala: 1, Colore bordo testa: #000000, Colore bordo: #d9d9d9, Colore sfondo riga dispari: #ffffff, Colore sfondo riga pari: #eeeeee, Casella di controllo selezionata: "Nascondi il bordo superiore della testa".
Impostazioni: Scala: 2, Colore testo testa: #ffffff, Colore bordo testa: #ff8562, Colore sfondo testa: #ff8562, Colore bordo: #d9d9d9, Colore sfondo riga dispari: #ffffff, Colore sfondo riga pari: #ffffff, Casella di controllo selezionata: "Abilita la modifica della larghezza della tabella sui dispositivi mobili".
Aggiunta di una tabella nell'editor di testo a blocchi
È possibile aggiungere una tabella utilizzando l'editor di testo a blocchi di:
Vediamo come aggiungere una tabella utilizzando come esempio il blocco TX24.
Fare clic sul pulsante "Editor blocchi" per accedere alla modalità di modifica dei blocchi.
Per aggiungere una tabella, fare clic sull'icona più a sinistra del contenuto e selezionare l'elemento "Tabella".
Per modificare la tabella, aprire il menu delle azioni facendo clic sui tre punti: qui è possibile selezionare il colore del bordo, il raggio dell'angolo della tabella, allineare la tabella in base alla larghezza, spostare, eliminare o duplicare la tabella.
Facendo clic sul pulsante con tre puntini che appare quando si passa il mouse sul bordo sinistro di una riga della tabella, è possibile specificare il colore del testo o dello sfondo della riga, aggiungere una nuova riga sopra o sotto o eliminare una riga. Tenendo premuto questo pulsante, è possibile spostare la riga verso l'alto o verso il basso per modificare l'ordine delle righe all'interno della tabella.
Facendo clic sul pulsante con tre punti nella parte superiore della colonna della tabella, è possibile impostare il colore del testo o dello sfondo della colonna, aggiungere una colonna a sinistra o a destra o eliminare una colonna. Tenendo premuto questo pulsante, è possibile spostare la colonna a destra/sinistra.
Per aggiungere rapidamente nuove righe e colonne alla tabella, fare clic sui pulsanti che compaiono passando il mouse sulle aree a destra e sotto la tabella.
È possibile modificare la larghezza delle singole colonne trascinando il bordo destro della colonna con il pulsante sinistro del mouse.
Nella versione mobile, una tabella che si estende oltre la larghezza dello schermo verrà visualizzata con la barra di scorrimento orizzontale.
Inserimento di una tabella nel testo dei blocchi standard
Nella maggior parte dei blocchi di libreria, è possibile inserire una tabella utilizzando un editor di testo. Ad esempio, aggiungiamo il blocco TX01 "Testo" dalla categoria "Blocchi di testo".
Fare clic con il tasto sinistro del mouse sul campo di testo nel blocco Contenuto o nella modalità di modifica della pagina → nel menu contestuale che appare, fare clic sui tre puntini → selezionare l'opzione "Tabella".
Facendo clic su una cella della tabella, nell'angolo superiore destro della cella appare un pulsante con tre puntini. Facendo clic su di esso, è possibile selezionare le azioni:

Inserire la colonna a destra
Inserire la colonna a sinistra
Inserire la riga sopra
Inserire la riga sotto
Unire le celle (selezionando più celle)
Sciogliere le celle
Eliminare la riga
Eliminare la colonna
Eliminare la tabella
Nella versione mobile, una tabella di questo tipo viene ridimensionata alla larghezza dello schermo e il contenuto può saltare a una nuova riga.
Realizzato su
Tilda