Tableau
Mis à jour avant-hier
Le bloc Tableau affiche un tableau pleine largeur avec défilement horizontal, selon l’un de deux modes mutuellement exclusifs : un tableau nutritionnel automatique ou un tableau personnalisé créé à partir de blocs imbriqués d’en-tête, de corps, de pied et de ligne. Sur les petits écrans, le tableau conserve sa mise en page complète et défile horizontalement au lieu de se transformer en cartes.
Mode tableau nutritionnel
Activez l’option Enable nutritional table pour remplacer les blocs imbriqués par un tableau nutritionnel automatique à deux colonnes. Les en-têtes de colonne proviennent de Heading (valeur par défaut Informations nutritionnelles) et de Right label (valeur par défaut Pour 100 g).
Créez les lignes dans le champ Information. Dans ce champ, séparez un libellé et une valeur par une virgule, utilisez un saut de ligne pour commencer une nouvelle ligne et utilisez un trait d’union pour indenter une ligne.
Une ligne est divisée au niveau de sa première virgule en un libellé et une valeur.
Les lignes vides sont ignorées.
Un trait d’union dans un libellé est supprimé et la ligne correspondante est indentée.
Mode tableau personnalisé
Lorsque l’option Enable nutritional table est désactivée, le bloc Tableau affiche ses blocs enfants imbriqués. Composez le tableau à partir de trois blocs de section, chacun contenant des blocs de ligne, et chaque ligne des blocs de cellule :
En-tête de tableau affiche le groupe de lignes d’en-tête et accepte les blocs Ligne de tableau.
Corps du tableau affiche le corps principal et accepte les blocs Ligne de tableau.
Pied de tableau affiche le groupe de lignes de pied et accepte les blocs Ligne de tableau.
Chaque Ligne de tableau affiche une ligne et est composée de blocs Cellule d’en-tête et Cellule de données.
Paramètres du tableau
Ces paramètres contrôlent l’apparence du bloc Tableau dans les deux modes.
Paramètre | Description | Valeur par défaut |
|---|---|---|
Enable color scheme / Color scheme | Applique une palette de couleurs au tableau. La palette s’applique uniquement lorsqu’elle est activée et qu’une palette est sélectionnée. | Désactivé / Schéma 1 |
Schéma d’arrondis des bordures | Arrondit les angles du tableau. | Schéma 1 |
Marge supérieure (ordinateur) / (mobile) | Espace au-dessus du tableau sur chaque appareil. | 0 |
Types de cellule
Le Type de chaque cellule détermine ce qu’elle affiche, et le champ de valeur correspondant à ce type apparaît uniquement lorsque celui-ci est sélectionné.
Type | Affichage | Valeur par défaut |
|---|---|---|
Texte | Le texte que vous saisissez dans Contenu du texte. | Texte (type par défaut) |
Case cochée/Croix | Une coche lorsque Coché est activé, une croix lorsqu’il est désactivé. | Coché |
Évaluation | Une évaluation par étoiles définie par la valeur Évaluation, de 0 à 5. | 5 |
Bouton | Un bouton de style principal créé à partir de Libellé du bouton et Lien du bouton. | Bouton |
Nutri-Score | Une lettre du Nutri-Score définie par le niveau Nutri-Score, de a à e. | a |
Paramètres des cellules
Ces paramètres sont disponibles pour chaque cellule de données, avec son Type et le champ de valeur propre à ce type.
Colonne caractéristique : marque la cellule comme colonne caractéristique. Les cellules des colonnes caractéristiques sont affichées en gras et bénéficient d’une largeur de colonne de 30 %.
Indenter le texte : indente le texte de la cellule. Affiché uniquement pour les cellules de type Texte.
Alignement du texte : aligne le contenu de la cellule à gauche, au centre ou à droite.
Activer la palette de couleurs / Palette de couleurs : applique une palette de couleurs à la cellule. La palette s’applique uniquement lorsqu’elle est activée et qu’une palette est sélectionnée.
Cellules d’en-tête
Une Cellule d’en-tête affiche un en-tête de colonne et constitue le seul emplacement permettant de mettre en évidence une colonne entière ou d’afficher un logo. Les lignes peuvent mélanger des cellules d’en-tête et des cellules de données ; un tableau comparatif comporte donc généralement une ligne d’en-tête suivie de lignes de données.
Libellé de l’en-tête : texte de l’en-tête de colonne.
Logo : image affichée à la place du libellé de l’en-tête lorsqu’une image est définie.
Mettre la colonne en évidence : met en évidence la colonne, en l’appliquant à la cellule d’en-tête ainsi qu’à chaque cellule correspondante du corps et du pied de cette colonne.
Colonne caractéristique : marque la cellule comme colonne caractéristique. Les cellules des colonnes caractéristiques sont affichées en gras et bénéficient d’une largeur de colonne de 30 %.
Alignement du texte : aligne le contenu de la cellule à gauche, au centre ou à droite.