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-colonne1 | ligne1-colonne2
| ligne2-colonne1 | ligne2-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-colonne1 | ligne1-colonne2
| ligne2-colonne1 | ligne2-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 |
Unable to load the jQuery Sortable Tables feature.
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-colonne1 | ligne1-colonne2 | ligne1-colonne3
| ligne2-colonnes123
| ligne3-colonne1 | ligne3-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-colonne1 | ligne1-colonne2 deuxième ligne troisième ligne | ligne1-colonne3
| ligne2-colonne1 | ligne2-colonne2 | ligne2-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-colonne1 | ligne1-colonne2
| ligne2-colonne1 | ligne2-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-colonne1 | ligne1-colonne2
| ligne2-colonne1 | ligne2-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-colonne1 | ligne2-colonne2
| ligne3-colonne1 | ligne3-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
|