Aide:Tableaux - Historique des versions

Dridri : /* Fusion de cellules */

2022-10-17T19:28:49Z

Fusion de cellules

← Version précédente		Version du 17 octobre 2022 à 19:28
Ligne 161 :		Ligne 161 :
	\|}		\|}
	*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.		*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.
	*Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.

	==Avancé==		==Avancé==

Lunaramethyst le 5 mars 2021 à 08:49

2021-03-05T08:49:56Z

← Version précédente		Version du 5 mars 2021 à 08:49
Ligne 28 :		Ligne 28 :
	\|}		\|}
	\|}		\|}
	*Par défaut, le texte dans une cellule est aligné à gauche		*Par défaut, le texte dans une cellule est aligné à gauche.
			*Pour utiliser une liste dans un tableau, il faut décaler le début de la liste sur une nouvelle ligne.

	==Titres==		==Titres==
Ligne 121 :		Ligne 122 :
	\|}		\|}
	*Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur <code>col</code> ou à toute la ligne avec la valeur <code>row</code>.		*Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur <code>col</code> ou à toute la ligne avec la valeur <code>row</code>.
			*Changer l'alignement du tableau lui-même n'est pas souhaitable pour la compatibilité avec les navigateurs mobiles.

	===Fusion de cellules===		===Fusion de cellules===
Ligne 174 :		Ligne 176 :
	\| width="50%" \|		\| width="50%" \|
	{\|		{\|
	~~\| Cellule 1 \|\| Cellule 2~~
	\|-
	~~\| Cellule 3 \|\| Cellule 4~~
	\|}
	\|}

	~~===Tableau centré===~~
	~~{\| class="wikitable" width=100%~~
	~~\| width=50% \|~~
	~~<nowiki>{\| class="wikitable" style="margin-left: auto; margin-right: auto;"</nowiki><br><nowiki>~~
	~~\|-</nowiki><br><nowiki>~~
	~~\| Cellule 1 \|\| Cellule 2</nowiki><br><nowiki>~~
	~~\|-</nowiki><br><nowiki>~~
	~~\| Cellule 3 \|\| Cellule 4</nowiki><br><nowiki>~~
	~~\|}</nowiki>~~
	~~\| width="50%" \|~~
	~~{\| class="wikitable" style="margin-left: auto; margin-right: auto;"~~
	\| Cellule 1 \|\| Cellule 2		\| Cellule 1 \|\| Cellule 2
	\|-		\|-

Lunaramethyst le 2 janvier 2021 à 15:31

2021-01-02T15:31:36Z

← Version précédente		Version du 2 janvier 2021 à 15:31
Ligne 1 :		Ligne 1 :
	Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[Requisition System/Listes/Communes]], [[Halo : Escalation]], [[~~Sangheili~~#Grades]].		Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[Requisition System/Listes/Communes]], [[Halo : Escalation]], [[Alliance Covenante#Grades]].


	==Base==		==Base==
	{\| class="wikitable" width=100%		{\| class="wikitable" width=100%
	\| width=50% \|		\| width=50% \|
			<table><tr><td>
	<nowiki>{\| class="wikitable"</nowiki><br><nowiki>		<nowiki>{\| class="wikitable"</nowiki><br><nowiki>
	\|-</nowiki><br><nowiki>		\|-</nowiki><br><nowiki>
Ligne 10 :		Ligne 10 :
	\|-</nowiki><br><nowiki>		\|-</nowiki><br><nowiki>
	\| Cellule 4 \|\| Cellule 5 \|\| Cellule 6</nowiki><br><nowiki>		\| Cellule 4 \|\| Cellule 5 \|\| Cellule 6</nowiki><br><nowiki>
	\|}</nowiki>		\|}</nowiki></td><td style="padding:20px">'''ou'''</td><td>

	'''ou'''

	<nowiki>{\| class="wikitable"</nowiki><br><nowiki>		<nowiki>{\| class="wikitable"</nowiki><br><nowiki>
	\|-</nowiki><br><nowiki>		\|-</nowiki><br><nowiki>
Ligne 23 :		Ligne 20 :
	\| Cellule 5</nowiki><br><nowiki>		\| Cellule 5</nowiki><br><nowiki>
	\| Cellule 6</nowiki><br><nowiki>		\| Cellule 6</nowiki><br><nowiki>
	\|}</nowiki>		\|}</nowiki></td></tr></table>
	\| width="50%" \|		\| width="50%" \|
	{\| class="wikitable"		{\| class="wikitable"
Ligne 32 :		Ligne 29 :
	\|}		\|}
	*Par défaut, le texte dans une cellule est aligné à gauche		*Par défaut, le texte dans une cellule est aligné à gauche


	==Titres==		==Titres==
	{\| class="wikitable" width=100%		{\| class="wikitable" width=100%
			! colspan=2 \| Titres horizontaux
			\|-
	\| width=50% \|		\| width=50% \|
			<table><tr><td>
	<nowiki>{\| class="wikitable"</nowiki><br><nowiki>		<nowiki>{\| class="wikitable"</nowiki><br><nowiki>
	\|-</nowiki><br><nowiki>		\|-</nowiki><br><nowiki>
Ligne 42 :		Ligne 41 :
	\|-</nowiki><br><nowiki>		\|-</nowiki><br><nowiki>
	\| Cellule 1 \|\| Cellule 2</nowiki><br><nowiki>		\| Cellule 1 \|\| Cellule 2</nowiki><br><nowiki>
	\|}</nowiki>		\|}</nowiki></td><td style="padding:20px">'''ou'''</td><td>

	'''ou'''

	<nowiki>{\| class="wikitable"</nowiki><br><nowiki>		<nowiki>{\| class="wikitable"</nowiki><br><nowiki>
	\|-</nowiki><br><nowiki>		\|-</nowiki><br><nowiki>
Ligne 53 :		Ligne 49 :
	\| Cellule 1</nowiki><br><nowiki>		\| Cellule 1</nowiki><br><nowiki>
	\| Cellule 2</nowiki><br><nowiki>		\| Cellule 2</nowiki><br><nowiki>
	\|}</nowiki>		\|}</nowiki></td></tr></table>
	\| width="50%" \|		\| width="50%" \|
	{\| class="wikitable"		{\| class="wikitable"
Ligne 61 :		Ligne 57 :
	\|}		\|}
	\|}		\|}

			{\| class="wikitable" width=100%
			! colspan=2 \| Titres verticaux
			\|-
			\| width=50% \|
			<nowiki>{\| class="wikitable"</nowiki><br><nowiki>
			\|-</nowiki><br><nowiki>
			! Titre 1</nowiki><br><nowiki>
			\| Cellule 1</nowiki><br><nowiki>
			\|-</nowiki><br><nowiki>
			! Titre 2</nowiki><br><nowiki>
			\| Cellule 2</nowiki><br><nowiki>
			\|}</nowiki>
			\| width="50%" \|
			{\| class="wikitable"
			! Titre 1
			\| Cellule 1
			\|-
			! Titre 2
			\| Cellule 2
			\|}
			\|}

	*Le contenu des cellules titres est centré par défaut.		*Le contenu des cellules titres est centré par défaut.

Ligne 83 :		Ligne 102 :
	\|}		\|}
	*La taille du tableau est exprimée en pourcentage de son conteneur. Dans l'exemple ci-dessus, le conteneur est la case grise de droite et le tableau d'exemple fait 75 % de sa longueur. Dans la plupart des cas, le conteneur est le corps de l'article.		*La taille du tableau est exprimée en pourcentage de son conteneur. Dans l'exemple ci-dessus, le conteneur est la case grise de droite et le tableau d'exemple fait 75 % de sa longueur. Dans la plupart des cas, le conteneur est le corps de l'article.
	*Si la taille d'un tableau est renseignée, la taille de chaque colonne peut l'être aussi. Le code suivant impose à la première colonne de prendre 75 % du tableau (représentée par Cellule 1) : <~~span style="background-color:lightgrey;"><nowiki~~>\| width="75%" \| Cellule 1 \|\| Cellule 2</~~nowiki></span~~> L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.		*Si la taille d'un tableau est renseignée, la taille de chaque colonne peut l'être aussi. Le code suivant impose à la première colonne de prendre 75 % du tableau (représentée par Cellule 1) : <code>\| width="75%" \| Cellule 1 \|\| Cellule 2</code> L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.

	===Alignement===		===Alignement===
Ligne 101 :		Ligne 120 :
	\|}		\|}
	\|}		\|}
			*Utiliser le paramètre style à la place de align avec cette syntaxe permet de personnaliser le CSS d'une cellule unique (il faut alors que les arguments soient listés entre guillemets). Le paramètre style peut être combiné au paramètre scope pour étendre le style à toute la colonne avec la valeur <code>col</code> ou à toute la ligne avec la valeur <code>row</code>.

	===Fusion de cellules===		===Fusion de cellules===
Ligne 140 :		Ligne 160 :
	*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.		*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.
	*Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.		*Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.


	==Avancé==		==Avancé==
Ligne 155 :		Ligne 174 :
	\| width="50%" \|		\| width="50%" \|
	{\|		{\|
			\| Cellule 1 \|\| Cellule 2
			\|-
			\| Cellule 3 \|\| Cellule 4
			\|}
			\|}

			===Tableau centré===
			{\| class="wikitable" width=100%
			\| width=50% \|
			<nowiki>{\| class="wikitable" style="margin-left: auto; margin-right: auto;"</nowiki><br><nowiki>
			\|-</nowiki><br><nowiki>
			\| Cellule 1 \|\| Cellule 2</nowiki><br><nowiki>
			\|-</nowiki><br><nowiki>
			\| Cellule 3 \|\| Cellule 4</nowiki><br><nowiki>
			\|}</nowiki>
			\| width="50%" \|
			{\| class="wikitable" style="margin-left: auto; margin-right: auto;"
	\| Cellule 1 \|\| Cellule 2		\| Cellule 1 \|\| Cellule 2
	\|-		\|-

Lunaramethyst le 26 juillet 2020 à 16:31

2020-07-26T16:31:46Z

← Version précédente		Version du 26 juillet 2020 à 16:31
Ligne 1 :		Ligne 1 :
	Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[~~REQ~~ System/~~Liste~~]], [[Halo : Escalation]], [[Sangheili#Grades]].		Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[Requisition System/Listes/Communes]], [[Halo : Escalation]], [[Sangheili#Grades]].

Lunaramethyst : remplacement: → {{Collapse|showtext=Voir|hidetext=Masquer}}, → {{Collapse-end}}

2019-07-23T14:55:44Z

remplacement: <toggledisplay showtext="[Voir]" hidetext="[Masquer]"> → {{Collapse|showtext=Voir|hidetext=Masquer}}, </toggledisplay> → {{Collapse-end}}

← Version précédente		Version du 23 juillet 2019 à 14:55
Ligne 143 :		Ligne 143 :

	==Avancé==		==Avancé==
	~~<toggledisplay~~ showtext="[Voir]" hidetext="[Masquer~~]">~~		{{Collapse\|showtext=Voir\|hidetext=Masquer}}
	===Tableaux sans bordure===		===Tableaux sans bordure===
	{\| class="wikitable" width=100%		{\| class="wikitable" width=100%
Ligne 187 :		Ligne 187 :
	\|}		\|}

	~~</toggledisplay>~~		{{Collapse-end}}


	{{Modèle:Aide}}		{{Modèle:Aide}}

Leosoras le 6 janvier 2017 à 19:15

2017-01-06T19:15:42Z

← Version précédente		Version du 6 janvier 2017 à 19:15
Ligne 188 :		Ligne 188 :

	</toggledisplay>		</toggledisplay>


			{{Modèle:Aide}}

Lunaramethyst : Page créée avec « Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : REQ System/Liste, Halo : Escalation, Sangheili#Grades.... »

2016-08-15T16:22:35Z

Page créée avec « Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : REQ System/Liste, Halo : Escalation, Sangheili#Grades.... »

Nouvelle page

Les tableaux servent à organiser des informations dans des cas précis, comme sur les pages suivantes : [[REQ System/Liste]], [[Halo : Escalation]], [[Sangheili#Grades]].

==Base==
{| class="wikitable" width=100%
| width=50% |
<nowiki>{| class="wikitable"</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1 || Cellule 2 || Cellule 3</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 4 || Cellule 5 || Cellule 6</nowiki> <nowiki>
|}</nowiki>

'''ou'''

<nowiki>{| class="wikitable"</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1</nowiki> <nowiki>
| Cellule 2</nowiki> <nowiki>
| Cellule 3</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 4</nowiki> <nowiki>
| Cellule 5</nowiki> <nowiki>
| Cellule 6</nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable"
| Cellule 1 || Cellule 2 || Cellule 3
|-
| Cellule 4 || Cellule 5 || Cellule 6
|}
|}
*Par défaut, le texte dans une cellule est aligné à gauche

==Titres==
{| class="wikitable" width=100%
| width=50% |
<nowiki>{| class="wikitable"</nowiki> <nowiki>
|-</nowiki> <nowiki>
! Titre 1 !! Titre 2</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1 || Cellule 2</nowiki> <nowiki>
|}</nowiki>

'''ou'''

<nowiki>{| class="wikitable"</nowiki> <nowiki>
|-</nowiki> <nowiki>
! Titre 1</nowiki> <nowiki>
! Titre 2</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1</nowiki> <nowiki>
| Cellule 2</nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable"
! Titre 1 || Titre 2
|-
| Cellule 1 || Cellule 2
|}
|}
*Le contenu des cellules titres est centré par défaut.

==Paramètres==
Les paramètres sont des options qui s'ajoutent sur la même ligne après <nowiki>{|</nowiki> pour les paramètres relatifs au tableau entier, ou avant le contenu de la cellule, séparé par un | pour les paramètres relatifs aux cellules.

===Tailles===
{| class="wikitable" width=100%
| width=50% |
<nowiki>{| class="wikitable" width="75%"</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1 || Cellule 2</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 3 || Cellule 4</nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable" width="75%"
| Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}
|}
*La taille du tableau est exprimée en pourcentage de son conteneur. Dans l'exemple ci-dessus, le conteneur est la case grise de droite et le tableau d'exemple fait 75 % de sa longueur. Dans la plupart des cas, le conteneur est le corps de l'article.
*Si la taille d'un tableau est renseignée, la taille de chaque colonne peut l'être aussi. Le code suivant impose à la première colonne de prendre 75 % du tableau (représentée par Cellule 1) : <nowiki>| width="75%" | Cellule 1 || Cellule 2</nowiki> L'indication de taille n'a besoin d'être indiquée que dans une seule des cellules de la colonne.

===Alignement===
{| class="wikitable" width=100%
| width=50% |
<nowiki>{| class="wikitable" width="75%"</nowiki> <nowiki>
|-</nowiki> <nowiki>
| align=center | Cellule 1 || Cellule 2</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 3 || Cellule 4</nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable" width="75%"
| align=center | Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}
|}

===Fusion de cellules===
{| class="wikitable" width=100%
! colspan=2 | Fusion horizontale (colspan)
|-
| width=50% |
<nowiki>{| class="wikitable"</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1 || Cellule 2 || Cellule 3</nowiki> <nowiki>
|-</nowiki> <nowiki>
| colspan=2 | Cellule 5 || Cellule 6 </nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable"
| Cellule 1 || Cellule 2 || Cellule 3
|-
| colspan=2 | Cellule 5 || Cellule 6
|}
|}

{| class="wikitable" width=100%
! colspan=2 | Fusion verticale (rowspan)
|-
| width=50% |
<nowiki>{| class="wikitable"</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1 || Cellule 2 || rowspan=2 | Cellule 3</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 5 || Cellule 6 </nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{| class="wikitable"
| Cellule 1 || Cellule 2 || rowspan=2 | Cellule 3
|-
| Cellule 5 || Cellule 6
|}
|}
*La valeur indiquée après colspan ou rowspan correspond au nombre de cellules fusionnées.
*Il n'est pas possible qu'une cellule soit affectée à la fois par un colspan et un rowspan.

==Avancé==
<toggledisplay showtext="[Voir]" hidetext="[Masquer]">
===Tableaux sans bordure===
{| class="wikitable" width=100%
| width=50% |
<nowiki>{|</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 1 || Cellule 2</nowiki> <nowiki>
|-</nowiki> <nowiki>
| Cellule 5 || Cellule 6 </nowiki> <nowiki>
|}</nowiki>
| width="50%" |
{|
| Cellule 1 || Cellule 2
|-
| Cellule 3 || Cellule 4
|}
|}

===Tableaux HTML===
Dans certains cas, le Wikicode ne permet pas de créer un tableau utilisable. Le HTML brut peut alors être utilisé.

{| class="wikitable" width=100%
! colspan=2 | Fusion verticale (rowspan)
|-
| width=50% |
<nowiki><table style="border-collapse:collapse;"></nowiki> <nowiki>
<tr></nowiki> <nowiki>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 1</td></nowiki> <nowiki>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 2</td></nowiki> <nowiki>
</tr><tr></nowiki> <nowiki>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 3</td></nowiki> <nowiki>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 4</td></nowiki> <nowiki>
</table></nowiki>
| width="50%" |
<table style="border-collapse:collapse;">
<tr>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 1</td>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 2</td>
</tr><tr>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 3</td>
<td style="border:solid 1px #AAAAAA; padding:0.2em 0.4em 0.2em 0.4em;">Cellule 4</td>
</table>
|}

</toggledisplay>