Loading...
 
Skip to main content
syntaxe Tiki des tableaux

Créer un tableau

On a souvent besoin de tableaux pour organiser certaines informations et données. Tiki possède une syntaxe simple pour arriver à cette fin dans les pages wiki (et autre fonctionnalité supportant la syntaxe Wiki comme les Articles, Forums et Blogues). Une table commence et termine par deux barres verticales ( || ) et les cellules d'une même ligne sont séparées d'une seule barre ( | ).
Il existe deux syntaxes pour délimiter la fin d'une ligne, laissées au choix de l'administrateur.

Dans ce premier exemple, || délimite les lignes ainsi que le début et la fin du tableau.

Code :

Copy to clipboard
||ligne1-colonne1|ligne1-colonne2||ligne2-colonne1|ligne2-colonne2||
Résultat :
ligne1-colonne1ligne1-colonne2
ligne2-colonne1ligne2-colonne2


Dans ce deuxième exemple, un saut de ligne dans l'éditeur sert à délimiter les lignes du tableau.

Code :

Copy to clipboard
||ligne1-colonne1|ligne1-colonne2 ligne2-colonne1|ligne2-colonne2||
Résultat :
ligne1-colonne1ligne1-colonne2
ligne2-colonne1ligne2-colonne2

Tableaux améliorés

Les tableaux améliorés sont triables et plus jolis.

Code :

Copy to clipboard
{FANCYTABLE(head="ligne1-colonne1|ligne1-colonne2")} ligne2-colonne1|ligne2-colonne2 {FANCYTABLE}
Résultat :
ligne1-colonne1 ligne1-colonne2
ligne2-colonne1 ligne2-colonne2


Pour plus de détails voir le plugiciel fancytable

Fusionner les cellules

Il est possible de fusionner horizontalement les dernières cellules d'une ligne (colspan).

Code :

Copy to clipboard
||ligne1-colonne1|ligne1-colonne2|ligne1-colonne3||ligne2-colonnes123||ligne3-colonne1|ligne3-colonnes23||
Ou :
Copy to clipboard
||ligne1-colonne1|ligne1-colonne2|ligne1-colonne3 ligne2-colonnes123 ligne3-colonne1|ligne3-colonnes23||
Résultat :
ligne1-colonne1ligne1-colonne2ligne1-colonne3
ligne2-colonnes123
ligne3-colonne1ligne3-colonnes23

Retour à la ligne dans une cellule

Si vous avez besoin de plusieurs lignes dans une cellule, utilisez la syntaxe %%% pour les séparer dans l'éditeur.

Code :

Copy to clipboard
||Exemple de tableau ligne1-colonne1|ligne1-colonne2 %%% deuxième ligne %%% troisième ligne|ligne1-colonne3 ligne2-colonne1|ligne2-colonne2|ligne2-colonne3 %%% deuxième ligne||
Résultat :
Exemple de tableau
ligne1-colonne1ligne1-colonne2
deuxième ligne
troisième ligne
ligne1-colonne3
ligne2-colonne1ligne2-colonne2ligne2-colonne3
deuxième ligne

Centrer le texte dans une cellule

Utilisez la syntaxe habituelle :

Code :

Copy to clipboard
::Texte centré::
Résultat :
Texte centré


Code :

Copy to clipboard
||::Exemple de tableau:: ligne1-colonne1|ligne1-colonne2 ligne2-colonne1|ligne2-colonne2||
Résultat :
Exemple de tableau
ligne1-colonne1ligne1-colonne2
ligne2-colonne1ligne2-colonne2

Positionner le tableau sur la page

Centrer le tableau

Pour centrer le tableau lui-même dans une page, utilisez le plugiciel Center.

Code :

Copy to clipboard
{CENTER()}||ligne1-colonne1|ligne1-colonne2 ligne2-colonne1|ligne2-colonne2||{CENTER}
Résultat :
ligne1-colonne1ligne1-colonne2
ligne2-colonne1ligne2-colonne2

Positionner le tableau sur un coté

Pour afficher le tableau sur la droite de la page par exemple, utilisez le plugiciel div. Appliquez-lui les deux paramètres float et align pour un affichage correct dans IE.

Code :

Copy to clipboard
{DIV(class=>class, type=>div, align=>right, float=>right)}||Exemple de tableau ligne2-colonne1|ligne2-colonne2 ligne3-colonne1|ligne3-colonne2||{DIV}
Résultat :
Exemple de tableau
ligne2-colonne1ligne2-colonne2
ligne3-colonne1ligne3-colonne2


Aide & Astuces

  • Si la syntaxe Wiki s'affiche dans la page à la place de votre tableau, vérifiez qu'il ne comporte pas de retour à la ligne dans l'éditeur. Un retour à la ligne casse le tableau lorsque l'on utilise || comme délimiteur de ligne.

Aliases

syntaxe des tableauxTableau