Tableau

Le bloc Tableau affiche un tableau sur toute la largeur, avec défilement horizontal, selon l’un de deux modes mutuellement exclusifs : un tableau nutritionnel automatique ou un tableau personnalisé que vous construisez à partir de blocs imbriqués d’en-tête, de corps, de pied et de lignes. 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 le bouton bascule 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. Le champ fonctionne ainsi : 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 est indentée.

Mode tableau personnalisé

Lorsque le bouton bascule Enable nutritional table est désactivé, 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 :

• Table head affiche le groupe de lignes d’en-tête et accepte les blocs Table row.

• Table body affiche le corps principal et accepte les blocs Table row.

• Table foot affiche le groupe de lignes de pied de tableau et accepte les blocs Table row.

Chaque Table row affiche une ligne et est composé de blocs Header cell et Data cell.

Paramètres du tableau

Ces paramètres contrôlent l’apparence du bloc Tableau dans les deux modes.

Types de cellules

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é.

Paramètres des cellules

Ces paramètres sont disponibles pour chaque cellule de données, avec son Type et le champ de valeur correspondant à ce type.

• Feature column : définit la cellule comme une cellule de fonctionnalité. Les cellules de fonctionnalité s’affichent en gras et se voient attribuer une largeur de colonne de 30 %.

• Indent text : indente le texte de la cellule. Affiché uniquement pour les cellules de type Text.

• Text alignment : aligne le contenu de la cellule à gauche, au centre ou à droite.

• Enable color scheme / Color scheme : 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 Header cell affiche un en-tête de colonne et constitue le seul endroit où vous pouvez mettre en évidence une colonne entière ou 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.

• Heading label : texte de l’en-tête de colonne.

• Logo : image affichée à la place du libellé d’en-tête lorsqu’une image est définie.

• Highlight column : met en évidence la colonne, à la fois dans la cellule d’en-tête et dans chaque cellule correspondante du corps et du pied de tableau.

• Feature column : définit la cellule comme une cellule de fonctionnalité. Les cellules de fonctionnalité s’affichent en gras et se voient attribuer une largeur de colonne de 30 %.

• Text alignment : aligne le contenu de la cellule à gauche, au centre ou à droite.

FAQ