Table filter

 Ajouter un tableau

  1. Ajoutez le bloc EPFL Table Filter
  2. Column count : Indiquez le nombre de colonnes
  3. Row count : Indiquez le nombre de lignes
  4. Cliquez sur Create

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

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.

  • Cliquez dans une cellule puis cliquez sur le bouton dans la barre d’outils. Dans le menu déroulant, choisissez Inline Image

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

Ce bloc dispose d’un outil de recherche, il est également possible de permettre le tri par colonne, de changer la largeur du tableau ainsi que d’alterner la couleur des lignes pour obtenir une meilleure lisibilité du tableau

  • Outil de recherche
    • 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.
    • Dans le champ Placeholder, tapez le texte qui indique qu’il s’agit d’un champ de recherche (Recherchez dans le tableau par exemple)
  • En-tête de tableau et tri
    • Dans la colonne de droite, assurez-vous que l’onglet Bloc est actif, si ce n’est pas le cas, cliquez dessus.
    • Si votre tableau comporte une ligne d’en-tête, vous pouvez la mettre en évidence en choisissant Header dans le menu déroulant
    • Pour autoriser le tri, choisissez Header & sort
      Attention : Le tri est un tri alpha-numérique, ce qui signifie qu’il ne fonctionne pas correctement avec des données uniquement numériques.
      Pour activer un tri sur des données uniquemement numérique, spécifiez le numéro de la oudes colonnes dans la section Sort options
  • 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.

Disposition du tableau

Il est possible de déterminer la largeur du tableau, la répartition des colonnes ainsi que la disposition du tableau

  • 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