History: Tableaux

            {maketoc}

!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 ((Blog|Blogues))). Une table commence et termine par deux barres verticales (~hs~__~np~||~/np~__~hs~) et les cellules d'une même ligne sont séparées d'une seule barre (~hs~__~np~|~/np~__~hs~).
Il existe deux syntaxes pour délimiter la fin d'une ligne, laissées au choix de l'administrateur.

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

Code~hs~:
{CODE(colors=n)}||ligne1-colonne1|ligne1-colonne2||ligne2-colonne1|ligne2-colonne2||{CODE} Résultat~hs~:
||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~hs~:
{CODE()}||ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CODE} Résultat~hs~:
||ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||

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

Code~hs~:
{CODE()}{FANCYTABLE(head="ligne1-colonne1|ligne1-colonne2")}
ligne2-colonne1|ligne2-colonne2
{FANCYTABLE}{CODE} Résultat~hs~:
{FANCYTABLE(head="ligne1-colonne1|ligne1-colonne2")}
ligne2-colonne1|ligne2-colonne2
{FANCYTABLE}

Pour plus de détails voir le ((PluginFancytable|plugiciel fancytable))

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

Code~hs~:
{CODE(colors=n)}||ligne1-colonne1|ligne1-colonne2|ligne1-colonne3||ligne2-colonnes123||ligne3-colonne1|ligne3-colonnes23||{CODE} Ou~hs~:
{CODE()}||ligne1-colonne1|ligne1-colonne2|ligne1-colonne3
ligne2-colonnes123
ligne3-colonne1|ligne3-colonnes23||{CODE} Résultat~hs~:
||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 __~np~%%%~/np~__ pour les séparer dans l'éditeur.

Code~hs~:
{CODE()}||Exemple de tableau
ligne1-colonne1|ligne1-colonne2 %%% deuxième ligne %%% troisième ligne|ligne1-colonne3
ligne2-colonne1|ligne2-colonne2|ligne2-colonne3 %%% deuxième ligne||{CODE} Résultat~hs~:
||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~hs~:

Code~hs~:
{CODE()}::Texte centré::{CODE} Résultat~hs~:
::Texte centré::

Code~hs~:
{CODE()}||::Exemple de tableau::
ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CODE} Résultat~hs~:
||::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 ((plugincenter|plugiciel Center)).

Code~hs~:
{CODE()}{CENTER()}||ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CENTER}{CODE} Résultat~hs~:
{CENTER()}||ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CENTER}

!!Positionner le tableau sur un coté
Pour afficher le tableau sur la droite de la page par exemple, utilisez le ((plugindiv|plugiciel div)). Appliquez-lui les deux paramètres ''float'' et ''align'' pour un affichage correct dans IE.

Code~hs~:
{CODE()}{DIV(class=>class, type=>div, align=>right, float=>right)}||Exemple de tableau
ligne2-colonne1|ligne2-colonne2
ligne3-colonne1|ligne3-colonne2||{DIV}{CODE} Résultat~hs~:
{DIV(class=>class, type=>div, align=>right, float=>right)}||Exemple de tableau
ligne2-colonne1|ligne2-colonne2
ligne3-colonne1|ligne3-colonne2||{DIV}
%clear%

!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 __~np~||~/np~__ comme délimiteur de ligne.

-=Aliases=-
(alias(syntaxe des tableaux)) | (alias(Tableau))