Szerkesztő:Karmela/table1

Ez a lap egy - egyelőre - rövidke összefoglaló arról, hogyan érdemes használni a táblázatokat.

Használata

A táblázatokat a Wikipédia saját jelölőnyelvével érdemes írni, mert az jobban áttekinthető, mint a HTML forma.

Tábla kezdete és vége

A tábla kezdete:

 {|  paraméterek

A tábla vége:

|}

Ezek a formák a <TABLE paraméterek> és a </TABLE> HTML kódot eredményezik.

Tábla sorok

Egy tábla sor formája:

|cella
|cella
|cella

vagy tömörebb formában:

|cella||cella||cella

Lehetséges a celláknak is paramétereket (formátumozást) adni az alábbi módon:

|paraméter|cella
|paraméter|cella

vagy:

|param|cella||param|cella

Tábla fejlécek

Ezek megegyeznek a sorokkal, csak a kezdő "|" és az elválasztó "||" jelek helyett "!" és "!!" jeleket kell használni. A paraméterek utáni "|" megmarad!

!fej!!fej!!fej
!param|fej!!param|fej

Új sorok

Új sorokat az alábbival lehet nyitni:

|-

A mínuszjelek száma lényegtelen, ugyanígy megfelel a

|-------------

is. Utána szintén szerepelhet paraméter

|--- paraméter

formában.

Táblacím

A táblacím a

|+táblacím és elnevezés

vagy

|+paraméterek|táblacím

formában szerepelhet.

Példák

Egyszerű tábla

 {| 
 | 1. sor, 1. oszlop 
 | 1. sor, 2. oszlop
 |- 
 | 2. sor, 1. oszlop 
 | 2. sor, 2. oszlop 
 |}

1. sor, 1. oszlop	1. sor, 2. oszlop
2. sor, 1. oszlop	2. sor, 2. oszlop

A tábla egészének jobbraigazítása, sorok és oszlopok összecsatolása

 {| align="right" border="1"
 | 1. sor, 1. oszlop 
 |rowspan="2"| (1. és 2.) sor, 2. oszlop
 | 1. sor, 3. oszlop
 |- 
 | 2. sor, 1. oszlop
 | 2. sor, 3. oszlop
 |}

1. sor, 1. oszlop	(1. és 2.) sor, 2. oszlop	1. sor, 3. oszlop
2. sor, 1. oszlop	(1. és 2.) sor, 2. oszlop	2. sor, 3. oszlop

A fejlécben be van állítva a jobbra rendezés és az 1 pont széles keret. A rowspan="2" paramétermegadás révén két sor (angolul row) egymás fölött levő cellái összeolvadnak egy cellává. Három sorral ugyanezt a rowspan="3" paramétermegadás tenné, és így tovább. A paramétert mindig a magasabban levő sorban kell beállítani.

Ha egy sorban fekvő egymás melletti cellákat szeretnénk egyesíteni, használjuk a colspan="2" paramétermegadást! Ezt mindig a balrább lévő cellánál kell megtenni.

Széptáblázat sablon használata

A táblázat első sorában használhatjuk a {{széptáblázat}} sablont, s ekkor egységesek lesznek a táblázataink.

 {| {{széptáblázat}}
 ! oszlop fejléc 1
 ! oszlop fejléc 2
 |-
 | 1. sor, 1. oszlop 
 | 1. sor, 2. oszlop
 |- 
 | 2. sor, 1. oszlop
 | 2. sor, 2. oszlop
 |}

oszlop fejléc 1	oszlop fejléc 2
1. sor, 1. oszlop	1. sor, 2. oszlop
2. sor, 1. oszlop	2. sor, 2. oszlop

Vegyes fejléc és normál cellák

 {| border="1" cellspacing="0"
 ! 
 ! oszlop fejléc 1 
 ! of2 
 |-
 ! sor fejléc 1
 | abc def ghi 
 |   gchf ghh dfgh
 |-
 ! sf2
 | gfbb gbgbds 
 |    dfgsdsdg
 |}

	oszlop fejléc 1	of2
sor fejléc 1	abc def ghi	gchf ghh dfgh
sf2	gfbb gbgbds	dfgsdsdg

Egy gyakorlatias példa

{|border=2 cellpadding="4" style="background:SeaShell;text-align:right;"
|+Lóállomány Bánban 1896-ban (db)
|-style="background:AntiqueWhite;"
!
!0-1 év!!1-2 év!!2-3 év!!3év felett!!3-4 év!!4 év felett!! Összesen
|-
!style="background:AntiqueWhite;text-align:center;"|mén
||16||7||3||2||-||-
!style="background:AntiqueWhite;"|28
|-
!style="background:AntiqueWhite;text-align:center;"|kanca
||30||15||18||-||16||225
!style="background:AntiqueWhite;"|304
|-
!style="background:AntiqueWhite;text-align:center;"|herélt
||5||4||5||-||5||199
!style="background:AntiqueWhite;"|218
|-style="background:AntiqueWhite;"
!|Összesen||51||26||26||2||21||424||550
|}

Lóállomány Bánban 1896-ban (db)
	0-1 év	1-2 év	2-3 év	3év felett	3-4 év	4 év felett	Összesen
mén	16	7	3	2	-	-	28
kanca	30	15	18	-	16	225	304
herélt	5	4	5	-	5	199	218
Összesen	51	26	26	2	21	424	550

Az oszlopok szélessége: width

{|border=2 cellpadding="4" style="background:SeaShell;text-align:right;"
|+Lóállomány Bánban 1896-ban (db)
|-
!width="20%"| 
!width="10%"|0-1 év
!width="10%"|1-2 év
!width="10%"|2-3 év
!width="10%"|3év felett
!width="10%"|3-4 év
!width="10%"|4 év felett
!width="20%"| Összesen
|-
!style="text-align:center;"|mén
||16||7||3||2||-||-
!|28
|-
!style="text-align:center;"|kanca
||30||15||18||-||16||225
!|304
|-
!style="text-align:center;"|herélt
||5||4||5||-||5||199
!|218
|-
!|Összesen||51||26||26||2||21||424||550
|}

Lóállomány Bánban 1896-ban (db)
	0-1 év	1-2 év	2-3 év	3év felett	3-4 év	4 év felett	Összesen
mén	16	7	3	2	-	-	28
kanca	30	15	18	-	16	225	304
herélt	5	4	5	-	5	199	218
Összesen	51	26	26	2	21	424	550

Keretezés: border="1", "2", ...

border="1"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="2"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="3"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="4"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="5"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="6"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="7"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

border="8"
sor/oszlop	oszlop1	oszlop2	oszlop3
1.sor	s1/o1	s1/o2	s1/o3
2.sor	s2/o1	s1/o2	s1/o3

Színes egymásba ágyazott táblák

 {| border="1"
 | szöveg
 |
 {|
 |bgcolor="#abcdef" border="2"|Beágyazott
 |-
 |bgcolor="#FF0000" border="2"|tábla
 |}
 |megint az eredeti tábla
 |}

szöveg

Beágyazott

tábla

megint az eredeti tábla

Színes háttér

Az egyes színek kódolásáról bővebben olvashatsz itt!

 {| border="7"
 | 1. cella || 2. cella
 |- bgcolor="#abcdef"
 | 3. cella || 4. cella
 |}

1. cella	2. cella
3. cella	4. cella

Betűszínek

 {| border="7"
 | 1. cella || 2. cella
 |- style="color:red"
 | 3. cella || 4. cella
 |}

1. cella	2. cella
3. cella	4. cella

A szöveg jobbra-/balra-/középreigazítása

{|border=1 style="width:80%; clear:both; background-color:#FFFFF0; color:#696; height:600px;"
|-
|style="vertical-align:top; text-align:right; width:20%;" | Jobb <br>fölső<br>sarok
|style="vertical-align:bottom;"| Ne légy szeles.<br>Bár munkádon más keres<br>Dolgozni csak pontosan, szépen,<br>ahogy a csillag megy az égen,<br>úgy érdemes.
|-style="vertical-align:middle;text-align:right;color:#30C"
|| középen <br>jobbra
|| Ez a formázás<br>az egész sorra<br>vonatkozott
|-
|style="vertical-align:top;"| fent<br>balra
|style="vertical-align:bottom;text-align:left;color:#f3c;" | Ne légy szeles.<br>Bár munkádon más keres<br>Dolgozni csak pontosan, szépen,<br>ahogy a csillag megy az égen,<br>úgy érdemes.
|}
{|style="width:80%; clear:both; background-color:#FFFFF0; color:#000000;"
|-
|style="text-align:left"| <small>Ez egy szöveg</small>
|style="text-align:right"| <small>[[Wikipédia:Homokozó|ez egy link]]</small>
|}

Jobb fölső sarok	Ne légy szeles. Bár munkádon más keres Dolgozni csak pontosan, szépen, ahogy a csillag megy az égen, úgy érdemes.
középen jobbra	Ez a formázás az egész sorra vonatkozott
fent balra	Ne légy szeles. Bár munkádon más keres Dolgozni csak pontosan, szépen, ahogy a csillag megy az égen, úgy érdemes.

Ez egy szöveg

ez egy link

Színek, rowspan, colspan

{|border=1 style="width:40%; float:right; clear:right; background:AntiqueWhite; color:#000000"
|+ Példatáblázat színre, rowspan-ra és colspan-ra
|-
|colspan=2 style="background:red;"|colspan=2
!|szöveg1szöveg1szöveg1
!|szöveg2
|-
||szöveg3szöveg3szöveg3
||szöveg4
||szöveg5
|rowspan=3 style="background:green;"|rowspan=3
|-
||szöveg6
||szöveg7
||szöveg8
|-
||szöveg9szöveg9
||szöveg10szöveg10
||szöveg11szöveg11
|-style="background:Yellow;color:#3f8;"
|| 
|| 
||szöveg12
|| 
|-
|rowspan=3 colspan=2 style="color:Orange;text-align:right;vertical-align:bottom;"|rowspan=3 colspan=2
||szöveg13
||szöveg14
|-
||szöveg15
||szöveg16
|-
||szöveg17
||szöveg18
|}{{-}}

Példatáblázat színre, rowspan-ra és colspan-ra
colspan=2		szöveg1szöveg1szöveg1	szöveg2
szöveg3szöveg3szöveg3	szöveg4	szöveg5	rowspan=3
szöveg6	szöveg7	szöveg8
szöveg9szöveg9	szöveg10szöveg10	szöveg11szöveg11
		szöveg12
rowspan=3 colspan=2		szöveg13	szöveg14
		szöveg15	szöveg16
		szöveg17	szöveg18

Vonalazás: rules=rows

{|rules=rows border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
!colspan=2|demo
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|}

demo
9	kilenc
11	tizenegy
12	tizenkettő

Csak oszlopok: rules=cols

{|rules=cols border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
!colspan=2|demo
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|}

demo
9	kilenc
11	tizenegy
12	tizenkettő

Rendezhető táblázat

{|class="sortable" border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
!colspan=2|demo1
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|-
||1 || egy
|}

demo1
9	kilenc
11	tizenegy
12	tizenkettő
1	egy

{|class="sortable" border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; "
|+ demo2
!|számokkal||betűvel
|-
|| 9 || kilenc
|-
||11 || tizenegy
|-
||12 || tizenkettő
|-
||1 || egy
|}

demo2
számokkal	betűvel
9	kilenc
11	tizenegy
12	tizenkettő
1	egy

Táblázat átalakítása kinyithatóvá

Annak érdekében, hogy a táblázat nyitható és csukható legyen, a következő átalakítást végezthetjük el a nagyméretű táblázatokon:

1. Az eddigi táblázat elé kerül:

{|style="text-align:center;background:SeaShell;"  	 
|- 	 
!| --- Ide kerül át a táblázat címe! ---
|}
<div style="clear:both;" class="NavFrame"> 	 
<div class="NavHead"><small>A táblázat a baloldai szövegre kattintva nyitható/csukható</small></div> 	 
<div class="NavContent">

2. A táblázatban megszünik az eddigi címsor, tehát nincs már „|+”

3. A kinyitható táblázat lezárása következik ezután:

</div>
</div>

Példák kinyitható táblázatra a →ebben a cikkben találhatóak.

== {|class="sortable" border="1" style="width:50%; background:FloralWhite; border: solid 0.5px; " |+ demo2 !|számokkal||betűvel |- || 9 || kilenc |- ||11 || tizenegy |- ||12 || tizenkettő |- ||1 || egy |}==