La création et la mise en forme de Tableaux

La création et la mise en forme de Tableaux

Introduction

L’Editeur Visuel vous fournit un Module dédié à la création de tableaux, le Module Table Maker.

Grâce à ce Module, vous pouvez créer facilement tout type de tableau : informations produits, études comparatives, questions et réponses, et bien plus encore.

Les cellules d’un tableau créé avec le Module Table Maker acceptent des contenus variés. Textes, images, boutons, icônes et autres éléments peuvent être ajoutés et combinés pour que chaque tableau soit unique, informatif et attrayant.

Les tableaux créés avec le Module Table Maker, dont voici un exemple ci-dessous, sont Responsive Design et vous pouvez donner un style spécifique à chaque partie du tableau : colonnes, lignes, en-têtes et pieds de page des lignes et colonnes, jusqu’aux cellules individuelles.

Informations nutritionnelles

Attention à la valeur calorique des noix et autres fruits secs. Limitez leur consommation en raison de leur teneur en calories élevée, en cas de régime de sèche ou de perte de poids. Une petite quantité suffit.

Protides
Glucides
Lipides
Calories (kcal)
Noix
13.3 gr
6.9 gr
67.3 gr
709
Noisettes
13.9 gr
7 gr
63 gr
680
Noix de pécan
9.6 gr
5.3 gr
72.6 gr
729
Noix de macadamia
7.15 gr
8.35 gr
72.9 gr
740
Noix de cajou
15.2 gr
26.7 gr
49.5 gr
632
Pistaches
18.4 gr
18.6 gr
47.4 gr
608
Amandes
21.1 gr
8.72 gr
53.9 gr
638

Caractéristiques du Module Table Maker

Les composants du Module

Un Module Table Maker est composé d’un tableau, un titre et une description.

Le titre et la description sont optionnels.

A) Titre du tableau

B) Contenu du tableau

C) Description du tableau

Les composants du Tableau

Un tableau Table Maker se compose de colonnes (columns), lignes (rows) et cellules individuelles (cells).

A) Colonne

B) Ligne

C) Cellule

Entêtes et pieds

Un tableau Table Maker peut inclure plusieurs entêtes de colonnes (column headers), pieds de colonnes (column footers), entêtes de ligne (row headers) et pieds de lignes (row footers).

A) Entête de colonne (column header)

B) Pied de colonne (column footer)

C) Entête de ligne (row header)

D) Pied de ligne (row footer)

Cellules de coins (Corner Cells)

Les cellules de chaque coin d’un tableau Table Maker peuvent être mises en forme individuellement et la cellule du coin supérieur gauche peut être rendue visible ou masquée.

A) Coin supérieur gauche (top-left corner)

B) Coin supérieur droit (top-right corner)

C) Coin inférieur gauche (bottom-left corner)

D) Coin inférieur droit (bottom-right corner)

Portée de colonne (colspan) et de ligne (rowspan)

Les cellules d’un tableau Table Maker peuvent s’étendre sur plusieurs colonnes et plusieurs lignes.

A) Portée de colonne (column span)

B) Portée de ligne (row span)

Lignes (lines) & Espacements (gaps)

Les cellules d’un tableau Table Maker peuvent être séparées par des lignes ou des espacements.

A) Lignes (lines)

B) Espacements (gaps)

Bandes (stripes) & Survol (hover)

Un tableau Table Maker peut inclure des bandes alternées et des effets de survol.

A) Bandes (stripes)

B) Survol (hover)

Balayage (scrolling) & Entêtes collés (sticky headers)

Un tableau Table Maker peut fournir un balayage horizontal ou vertical avec ou sans entêtes collés.

A) Balayage vertical (vertical scrolling)

B) Balayage horizontal (horizontal scrolling)

Blocs (blocks) & Accordéon (Accordion)

Les colonnes et les lignes d’un tableau Table Maker peuvent également être affichées sous la forme de blocs individuels ou d’accordéon interactif.

A) Blocs (blocks)

B) Accordéon (accordion)

Types de Contenus

Un tableau Table Maker peut inclure du texte, des images, des icônes et des boutons.

A) Texte

B) Images

C) Icônes

D) Boutons

Mise en forme du texte

Les options de style de texte Table Maker incluent le débordement de texte (text-wrap), la police (font), la graisse de police (font-weight), le style de police (font-style) la couleur du texte (text-color), la taille du texte (text-size), l’espacement des lettres (letter-spacing), la hauteur de ligne (line-height), et l’ombrage de texte (text-shadow).

Les styles peuvent être définis globalement pour tout le tableau ou pour chaque colonne individuellement.

A) Texte du tableau

B) Texte d’une colonne

Mise en forme des cellules

Les options de style de cellule Table Maker incluent la couleur d’arrière plan (background-color), l’alignement horizontal (horizontal-alignment) et vertical (vertical-alignment), la marge interne (padding), les coins arrondis (rounded-corners), les styles de bordure (border-styles), et l’ombrage (box-shadow).

Les styles peuvent être définis globalement pour tout le tableau ou pour chaque colonne individuellement.

A) Cellules du tableau

B) Cellules d’une colonne

Documentation du Module Table Maker

Pour profiter pleinement de toutes les possibilités offertes par le Module Table Maker, nous vous recommandons de prendre connaissance de la documentation complète.

Vous pouvez la consulter et la télécharger au format PDF en cliquant sur le bouton ci-dessous.