Vous trouverez un bloc de tableau dans la catégorie "Colonnes" de la bibliothèque de blocs (CL46).
1
Colonnes, lignes et têtes
Les tableaux se composent de lignes et de colonnes. Les colonnes sont divisées par le symbole du point-virgule ( ;). Les lignes sont divisées par des sauts de ligne (le bouton "Entrée").
Exemplededonnéesd'en-tête : Heure;Type de cours;Professeur
Exemple de données de corps : 08:00;Hatha Yoga;Nick Avery 10:30;Pilates;Nora Johnson 13:00;Aérobic;Tom Barry
2
Largeur et hauteur
Vous pouvez ajuster la largeur générale du tableau dans le panneau Paramètres du bloc, par exemple en spécifiant le nombre de colonnes et le retrait à gauche.
Vous pouvez ajuster la largeur des colonnes dans le panneau Contenu du bloc dans le champ correspondant tout en bas du panneau. Le total de tous les chiffres doit être égal à 100. Si vous laissez le champ vide, les colonnes auront la même largeur.
Exemple de réglage de la largeur :
50%;20%;30%
3
Liens et boutons
Vous pouvez ajouter un lien et un bouton au texte de la cellule. Il suffit d'ajouter "link=http://mylink.com" ou "button=http://mylink.com" pour que le contenu de la cellule entière devienne un lien ou un bouton.
Exemple de lien :
Ticket;$100;En savoir plus link=http://tilda.cc
Exemple de bouton :
Ticket;$100;En savoir plus button=http://tilda.cc
Si vous souhaitez ouvrir les liens dans un nouvel onglet (et non dans l'onglet actuel), allez dans le panneau Paramètres du bloc → Tableau entier, et cochez la case "Ouvrir les liens dans un nouvel onglet".
4
Version mobile
Il existe deux options pour l'affichage des tableaux sur les téléphones portables : 1. Le tableau conserve sa taille d'origine, dépassant ainsi le bord de l'écran mobile. 2. Le tableau est redimensionné pour s'adapter à la largeur de l'écran.
5
Exemples
Paramètres : Échelle : 1, Couleur de la bordure de l'en-tête : #000000, Couleur de la bordure : #d9d9d9, Couleur d'arrière-plan de la rangée impaire : #ffffff, Even row background color : #eeeeee, Case à cocher sélectionnée : "Masquer la bordure supérieure de l'en-tête".
Paramètres :Échelle : 2, Couleur du texte de l'en-tête : #ffffff, Couleur de la bordure de l'en-tête : #ff8562, Couleur d'arrière-plan de l'en-tête : #ff8562, Couleur de la bordure : #d9d9d9, Couleur d'arrière-plan de la rangée impaire : #ffffff, Couleur d'arrière-plan de la ligne paire : #ffffff, Case à cocher sélectionnée : "Activer la modification de la largeur de la table sur les appareils mobiles".