Comment écrire du contenu
Exemples de tableaux
Exemple 1:
Le tableau ci-dessous est un "Table" (StyleName = border), de quatre colonnes. L'attribut ColumnDefinitions permet de définir les largeurs des colonnes "ColumnDefinitions = 15%, 35%, 20%, 30%". Le tableau est d'une largeur (Width = 100%).
Le TableBody a quatre lignes. Pour la description des cellules du TableBody, confère le tableau.
Ce tableau illustre un exemple de cellules s'étendant sur plusieurs colonnes (exemple de colspan) et d'une cellule étendue sur plusieurs lignes (exemple de rowspan) . L'alignement du contenu des colonnes peut varier en utilisant l'attribut VerticalAlignment. La largeur de chaque colonne est définit dans ColumnDefintion.
|
Col1 : 15% |
Col2 : 35% |
Col3 : 20% |
Col4 : 30% |
|---|---|---|---|
|
Une cellule Td étendue sur 4 colonnes (Colspan = 4) Alignement vertical centré (VerticalAlignment = top) |
|||
|
Text |
Td StyleName = border |
Text |
Td étendu sur 2 lignes (Rowspan = 2) |
|
Text |
Text |
Text |
|
|
Td sur 4 colonnes et Paragraph HorizontalAlignment = center |
|||
Exemple 2:
Table (StyleName = borderOnTable). Le tableau a trois colonnes de dimensions égales. La largeur du tableau est 80%. Tableau aligné au centre.
Nous avons définit un Caption après le Table.
|
colonne 1 |
colonne 2 |
colonne 3 |
|---|---|---|
|
Td sur 3 lignes et StyleName emphasis |
l1c2: |
l1c3 |
|
l2c2: |
l2c3 |
|
|
l3c2: |
l3c3 |
Exemple 3:
Le tableau suivant est une Table (StyleName = borderOnCells) de largeur 90%, et alignée à droite
La légende est placée en haut du tableau.
|
Cellule Th Colspan='4' Paragraph HorizontalAlignment="center") |
|||
|---|---|---|---|
|
Colonne 1 |
Colonne 2 |
Colonne 3 |
Colonne 4 |
|
Text |
Td sur 3 colonnes |
||
|
Text |
Text |
Text |
Text |
|
Text |
Td sur 3 colonnes |
||
|
Text |
Text |
Text |
Text |
|
Text |
Td sur 2 lignes et 2 colonnes (Rowspan = 2 et Colspan = 2) |
Text |
|
|
Text |
Text |
||
Exemple 4:
Le tableau ci-dessous est une Table (StyleName = oddEven) de 70% de large, alignée à gauche
Ce tableau illustre un exemple de "Table" sans "TableHeader" et le "StyleName" des cellules de la première colonne sont de type "emphasis".
|
Text |
Text |
Text |
Text |
|
Text |
Text |
Text |
Text |
|
Text |
Text |
Text |
Text |
|
Text |
Text |
Text |
Text |