mirror of
https://github.com/Jermolene/TiddlyWiki5
synced 2024-12-28 11:00:27 +00:00
103 lines
2.7 KiB
Plaintext
103 lines
2.7 KiB
Plaintext
|
caption: Tableaux
|
|||
|
created: 20130914132100000
|
|||
|
fr-title: Tableaux avec WikiText
|
|||
|
modified: 20150601094401171
|
|||
|
tags: WikiText
|
|||
|
title: Tables in WikiText
|
|||
|
type: text/vnd.tiddlywiki
|
|||
|
|
|||
|
! Concepts de base
|
|||
|
|
|||
|
TiddlyWiki5 forme les tableaux au moyen du signe barre verticale `|`, de cette façon :
|
|||
|
|
|||
|
```
|
|||
|
|!Cell1 |!Cell2 |
|
|||
|
|Cell3 |Cell4 |
|
|||
|
```
|
|||
|
|
|||
|
Le point d'exclamation marque l'entête des cellules:
|
|||
|
|
|||
|
|!Cell1 |!Cell2 |
|
|||
|
|Cell3 |Cell4 |
|
|||
|
|
|||
|
! L'alignement horizontal
|
|||
|
|
|||
|
L’alignement horizontal des cellules du tableau est contrôlé par l'insertion d'un espace avant/après le contenu de la cellule. Par exemple:
|
|||
|
|
|||
|
```
|
|||
|
|Contenu aligné à gauche |
|
|||
|
| Contenu aligné à droite|
|
|||
|
| Contenu centré |
|
|||
|
|+++ Une très grande cellule pour vous montrer l'alignement dans la colonne +++|
|
|||
|
```
|
|||
|
|
|||
|
Cet exemple donne ceci :
|
|||
|
|
|||
|
|Contenu aligné à gauche |
|
|||
|
| Contenu aligné à droite|
|
|||
|
| Contenu centré |
|
|||
|
|+++ Une très grande cellule pour vous montrer l'alignement dans la colonne +++|
|
|||
|
|
|||
|
! L'alignement vertical
|
|||
|
|
|||
|
L’alignement vertical des cellules du tableau est contrôlé par l'insertion, comme premier caractère de la cellule, soit d'un `^` pour un alignement en haut ou un `,` pour un alignement en bas. La combinaison avec l'alignement horizontal reste valable.
|
|||
|
|
|||
|
Exemple :
|
|||
|
|
|||
|
```
|
|||
|
|^haut gauche |^ haut centré |^ haut droit|
|
|||
|
|milieu gauche | milieu centré | milieu droit|
|
|||
|
|,bas gauche |, bas centré |, bas droit|
|
|||
|
```
|
|||
|
|
|||
|
Ce qui affiche :
|
|||
|
|
|||
|
| ::<br>:: |^haut gauche |^ haut centre |^ haut droit|
|
|||
|
| ::<br>::<br>:: |milieu gauche | milieu centre | milieu droit|
|
|||
|
| ::<br>::|,bas gauche |, bas centré |, bas droit|
|
|||
|
|
|||
|
Si vous voulez afficher un `^`or a `,` comme premier caractère d'une cellule alignée à gauche, vous ferez appel au html-escaping/ échappement-html. Voir, à ce sujet [[la Mise en forme avec WikiText|Formatting in WikiText]].
|
|||
|
|
|||
|
| `^` | &#94; |
|
|||
|
| `,` | &#44; |
|
|||
|
|
|||
|
! La fusion des cellules
|
|||
|
|
|||
|
Pour fusionner le contenu de la cellule située au dessus utiliser `~`. Pour fusionner avec celle de gauche `<` et `>` pour celle de droite. Par exemple:
|
|||
|
|
|||
|
```
|
|||
|
|Cell1 |Cell2 |Cell3 |Cell4 |
|
|||
|
|Cell5 |Cell6 |Cell7 |<|
|
|||
|
|Cell5 |~|Cell7 |Cell8 |
|
|||
|
|>|Cell9 |Cell10 |Cell11 |
|
|||
|
```
|
|||
|
|
|||
|
affiche:
|
|||
|
|
|||
|
|Cell1 |Cell2 |Cell3 |Cell4 |
|
|||
|
|Cell5 |Cell6 |Cell7 |<|
|
|||
|
|Cell5 |~|Cell7 |Cell8 |
|
|||
|
|>|Cell9 |Cell10 |Cell11 |
|
|||
|
|
|||
|
! Classes de tableau, légendes, en-têtes et pieds de tableau
|
|||
|
|
|||
|
Des classes CSS, des légendes, des en-têtes et pieds de tableau peuvent être spécifiés comme pseudo-lignes spéciales :
|
|||
|
|
|||
|
```
|
|||
|
|maclasse autreClass|k
|
|||
|
|Ceci est une légende |c
|
|||
|
|Cell1 |Cell2 |
|
|||
|
|Cell3 |Cell4 |
|
|||
|
|Entête|Entête|h
|
|||
|
|Pied|Pied|f
|
|||
|
```
|
|||
|
|
|||
|
affiche :
|
|||
|
|
|||
|
|maclasse autreClass|k
|
|||
|
|Ceci est une légende |c
|
|||
|
|Cell1 |Cell2 |
|
|||
|
|Cell3 |Cell4 |
|
|||
|
|Entête|Entête|h
|
|||
|
|Pied|Pied|f
|