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
The jQuery Sortable Tables feature must be activated for the sort feature to work.


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 tableaux | Tableau