Comment créer des tableaux

Comment ajouter le tableau en tant que bloc séparé à la page du site web.
Plus d'informations
Comment ajouter le tableau dans l'article, les documents ou le cours magistral.
Plus d'informations
Comment ajouter le tableau dans le texte d'un bloc standard.
Plus d'informations
Ajouter un tableau à l'aide du bloc CL46
Vous trouverez un bloc de tableau dans la catégorie "Colonnes" de la bibliothèque de blocs (CL46).
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
Largeur et hauteur
Vous pouvez régler la largeur générale du tableau dans le panneau Paramètres du bloc, par exemple, vous pouvez spécifier le nombre de colonnes et l'indentation à gauche.

Vous pouvez régler la largeur des colonnes dans le panneau Contenu du bloc, dans le champ correspondant tout en bas du panneau. Elle est indiquée en pourcentage. La somme de tous les chiffres doit être égale à 100. Si vous laissez le champ vide, les colonnes auront la même largeur.
Exemple de réglage de la largeur :

50%;20%;30%
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".
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.
Pour que le tableau s'adapte à la largeur de l'écran, vous devez cocher la case « Activer la modification de la largeur du tableau sur les appareils mobiles » dans les paramètres.

Conseil : autorisez la modification de la largeur sur les appareils mobiles pour les tableaux comportant peu de colonnes (par exemple, 2 ou 3) et peu de contenu (chiffres, phrases concises).
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".
Ajouter un tableau dans l'éditeur de texte du bloc
Vous pouvez ajouter un tableau à l'aide de l'éditeur de texte en bloc de :
Voyons comment ajouter un tableau en utilisant le bloc TX24 comme exemple.
Cliquez sur le bouton « Éditeur de blocs » pour passer en mode édition de blocs.
Pour ajouter un tableau, cliquez sur l'icône plus à gauche du contenu et sélectionnez l'élément « Tableau ».
Pour modifier le tableau, ouvrez le menu d'actions en cliquant sur les trois points. Vous pouvez alors sélectionner la couleur des bordures, le rayon des coins du tableau, aligner le tableau en largeur, le déplacer, le supprimer ou le dupliquer.
En cliquant sur le bouton avec trois points qui apparaît lorsque vous survolez le bord gauche d'une ligne du tableau, vous pouvez spécifier la couleur du texte ou la couleur d'arrière-plan de la ligne, ajouter une nouvelle ligne au-dessus ou en dessous, ou supprimer une ligne. En maintenant ce bouton enfoncé, vous pouvez déplacer la ligne vers le haut ou vers le bas pour modifier l'ordre des lignes dans le tableau.
En cliquant sur le bouton avec trois points en haut de la colonne du tableau, vous pouvez définir la couleur du texte ou la couleur d'arrière-plan de la colonne, ajouter une colonne à gauche ou à droite, ou supprimer une colonne. En maintenant ce bouton enfoncé, vous pouvez déplacer la colonne vers la droite/gauche.
Pour ajouter rapidement de nouvelles lignes et colonnes au tableau, cliquez sur les boutons qui apparaissent lorsque vous passez la souris sur les zones situées à droite et en dessous du tableau.
Vous pouvez modifier la largeur de chaque colonne en faisant glisser la bordure droite de la colonne avec le bouton gauche de la souris.
Dans la version mobile, un tableau qui dépasse la largeur de l'écran s'affichera avec une barre de défilement horizontale.
Insertion d'un tableau dans le texte des blocs standard
Dans la plupart des blocs de bibliothèque, vous pouvez insérer un tableau à l'aide d'un éditeur de texte. Par exemple, ajoutons le bloc TX01 « Texte » de la catégorie « Bloc de texte ».
Cliquez avec le bouton gauche de la souris sur le champ de texte dans le bloc Contenu ou dans le mode d'édition de la page → dans le menu contextuel qui apparaît, cliquez sur les trois points → sélectionnez l'option « Tableau ».
Lorsque vous cliquez sur une cellule du tableau, un bouton avec trois points apparaît dans le coin supérieur droit de cette cellule. En cliquant dessus, vous pouvez sélectionner différentes actions :

Insérer une colonne à droite
Insérer une colonne à gauche
Insérer une ligne au-dessus
Insérer une ligne en dessous
Fusionner des cellules (en sélectionnant plusieurs cellules)
Séparer des cellules
Supprimer une ligne
Supprimer une colonne
Supprimer le tableau
Dans la version mobile, ce tableau sera redimensionné à la largeur de l'écran et le contenu pourra passer à la ligne suivante.
Fabriqué le
Tilda