Les tableaux permettent de présenter les données tabulaires, c’est-à-dire des données où toutes les lignes et/ou toutes les colonnes contiennent le même type d’information. Par contre, ils ne DOIVENT PAS être utilisés pour gérer la disposition de vos différents contenus (paragraphes, textes, images) dans vos pages web. Cette documentation a pour but de vous expliquer comment créer et personnaliser des tableaux dans Drupal.

Les tableaux ont un thème par défaut, utilisé notamment pour l’affichage des fichiers joints aux pages web.


D’autres styles prédéfinis peuvent être appliqués à vos tableaux mais uniquement à la première ligne ou à la première colonne d'entête. 


Les propriétés importantes à retenir.

L’accès aux propriétés d’un tableau se fait par un clic droit en se plaçant n’importe où dans une cellule.
Choisissez l'option "Propriétés du tableau".
 

La largeur d’un tableau 

La largeur proposée par défaut est de 500px.

Pour les pages structurées en deux colonnes, vous ne devez renseigner dans la zone de saisie intitulée Largeur une valeur supérieur à 700px. La largeur de la zone d’affichage principal de la page est en effet de 720 pixels dans ce cas de figure.

Nous vous conseillons d’utiliser les valeurs en pourcent (%). Un tableau ayant une largeur de 50%, occupera donc la moitié de la zone d’affichage principal de la page soit environ 350 pixels.

Cette méthode présente l’avantage d’ajuster automatiquement la largeur du tableau en fonction du contexte (pages ayant 0 – 1 ou 2 colonnes.)


 

 

 

Appliquer un style prédéfini.

Pour appliquer un style prédéfini, il faut avoir sélectionné "Première ligne", "Première colone" ou "Les deux" dans la zone Entêtes des propriétés du tableau.

Dans la fenêtre Propriétés du tableau, sélectionnez l’onglet intitulé Avancé
Dans la zone de texte intitulée Classes de style, renseignez l’une des 3 valeurs suivantes :

  • tab-style-orange
  • tab-style-bleu
  • tab-style-turquoise

Vous pouvez ajouter à la suite la classe center-table afin de centrer le tableau

  • center-table