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 ( **~np~||~/np~** ) et les cellules d'une même ligne sont séparées d'une seule barre ( **~np~|~/np~** ). 
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 : 
{CODE(colors=n)}||ligne1-colonne1|ligne1-colonne2||ligne2-colonne1|ligne2-colonne2||{CODE} 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 : 
{CODE()}||ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CODE} 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 : 
{CODE()}{FANCYTABLE(head="ligne1-colonne1|ligne1-colonne2")}
ligne2-colonne1|ligne2-colonne2
{FANCYTABLE}{CODE} Résultat : 
{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 : 
{CODE(colors=n)}||ligne1-colonne1|ligne1-colonne2|ligne1-colonne3||ligne2-colonnes123||ligne3-colonne1|ligne3-colonnes23||{CODE} Ou : 
{CODE()}||ligne1-colonne1|ligne1-colonne2|ligne1-colonne3
ligne2-colonnes123
ligne3-colonne1|ligne3-colonnes23||{CODE} 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 **~np~%%%~/np~** pour les séparer dans l'éditeur.

Code : 
{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 :

| Exemple de tableau |
|---|
| ligne1-colonne1 | ligne1-colonne2 <br /> deuxième ligne <br /> troisième ligne | ligne1-colonne3 |
| ligne2-colonne1 | ligne2-colonne2 | ligne2-colonne3 <br /> deuxième ligne |

# Centrer le texte dans une cellule

Utilisez la syntaxe habituelle :

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

{DIV(style='text-align: center')}Texte centré{DIV}


Code : 
{CODE()}||::Exemple de tableau::
ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CODE} Résultat :

| {DIV(style='text-align: center')}Exemple de tableau{DIV} |
|---|
| 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 : 
{CODE()}{CENTER()}||ligne1-colonne1|ligne1-colonne2
ligne2-colonne1|ligne2-colonne2||{CENTER}{CODE} Résultat :

{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 : 
{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 :


{DIV(class=>class, type=>div, align=>right, float=>right)}| Exemple de tableau |
|---|
| ligne2-colonne1 | ligne2-colonne2 |
| ligne3-colonne1 | ligne3-colonne2 |

{DIV}
 %clear%

# Aide &amp; 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.



{DIV(class=titlebar)}Aliases{DIV}


(alias(syntaxe des tableaux)) | (alias(Tableau))