Information
La principale différence entre le bloc EPFL Table et le bloc EPFL Table Filter est le fait que ce dernier peut-être trié et/ou filtré
Ajouter un tableau
- Ajoutez le bloc EPFL Table
- Column count : Indiquez le nombre de colonnes
- Row count : Indiquez le nombre de lignes
Note : Des lignes d’en-têtes et/ou de pieds de tableau peuvent ajoutés dans les propriétés du tableau (voir ci-après) - Cliquez sur Create
Ajouter une ligne d’en-tête et/ou de pied
- Cliquez dans le tableau
- Dans la colonne de droite, assurez-vous que l’onglet Bloc est actif, si ce n’est pas le cas, cliquez dessus.
- Dans la section Table settings, activez
- Header section pour ajouter une ligne d’en-tête
- Footer section pour ajouter une ligne de pied
Ajouter du texte
- Cliquez dans une cellule et saisissez (ou collez) le texte voulu
- Pour mettre en forme le texte, utilisez les outils disponibles dans la barre d’outils
Ajouter une image
- Cliquez dans une cellule puis cliquez sur le bouton
dans la barre d’outils. Dans le menu déroulant, choisissez Inline Image
Attention : La taille des images n’est pas contrainte par la taille du tableau. Lorsque vous insérez une image, faites attention à ce que la taille choisie permette au reste du tableau de s’afficher correctement dans la page.
De même, les images ne sont pas responsive, en d’autres termes elles ne s’adapteront aux différents modes d’affichages (tablettes, smartphones)
- La taille maximale de la colonne centrale est de 570 pixels lorsque l’option Large display est désactivée
- La taille maximale de la colonne centrale est de 1108 pixels lorsque l’option Large display est activée
Ajouter des lignes ou des colonnes
- Pour ajouter une ligne
Note : Vous pouvez ajouter une ligne au-dessus ou au-dessous de la ligne active- Cliquez dans une ligne pour l’activer
- Cliquez sur le bouton
puis dans le menu déroulant choisissez Add Row Before pour ajouter une ligne au-dessus ou Add Row After pour ajouter une ligne au-dessous de la ligne active.
- Pour ajouter une colonne
Note : Vous pouvez ajouter une colonne à gauche ou à droite de la colonne active- Cliquez dans une colonne pour l’activer
- Cliquez sur le bouton puis dans le menu déroulant choisissez Add Column Before pour ajouter une colonne à gauche ou Add Column After pour ajouter une colonne à droite de la colonne active.
Propriétés du tableau
Il est possible de changer la largeur du tableau ainsi que d’alterner la couleur des lignes pour obtenir une meilleure lisibilité du tableau
Alternance de couleur pour les lignes
- Cliquez dans le tableau
- Dans la colonne de droite, assurez-vous que l’onglet Bloc est actif, si ce n’est pas le cas, cliquez dessus.
- Affichez le contenu de la section Styles et choisissez Stripes si vous souhaitez afficher une alternance de couleur pour les lignes.
- Pour changer la couleur des lignes (gris par défaut), affichez le contenu de la section Color Settings et sélectionnez une couleur. Cliquez sur le bouton Clear pour remettre la couleur par défaut.
Largeur du tableau
- Cliquez dans la zone vide située entre les outils du bloc et le tableau que vous avez créé.
- Dans la colonne de droite, assurez-vous que l’onglet Bloc est actif, si ce n’est pas le cas, cliquez dessus.
- Par défaut, le tableau occupe la même largeur de colonne que le contenu. Pour que le tableau soit plus large, activez l’option Large Display.
Répartition des colonnes
- Par défaut la largeur d’une colonne est optimisée par rapport à son contenu. Pour obtenir des colonnes de largeur égale, procédez de la manière suivante :
- Cliquez dans votre tableau
- Dans la colonne de droite, assurez-vous que l’onglet Bloc est actif, si ce n’est pas le cas, cliquez dessus.
- Activez l’option Fixed width table cells