Wikipédia:Hogyan használd a táblázatokat?

A Wikipédiából, a szabad enciklopédiából.

Gnome-devel.svg
 Ezen az oldalon egy technikai leírást olvashatsz a Wikipédia szerkesztéséről. Tartsd szem előtt, hogy nem minden ajánlott, ami technikailag megvalósítható!


Tartalomjegyzék

[szerkesztés] 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.

[szerkesztés] 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.

[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] Ú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.

[szerkesztés] Táblacím

A táblacím a

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

vagy

|+paraméterek|táblacím

formában szerepelhet.

[szerkesztés] Példák

[szerkesztés] 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

[szerkesztés] 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 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.


[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] 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

[szerkesztés] Betűszínek

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

[szerkesztés] 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

[szerkesztés] 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


[szerkesztés] 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ő

[szerkesztés] 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ő

[szerkesztés] 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

Ha a számok mögé valamilyen egyéb jel vagy betű kerül (pl. lábjegyzet miatt), a rendezés nem fog megfelelően működni, mert a program figyelmen kívül hagyja a helyi értéket (a 100, 200, 1000 sorozat pl. 100, 1000, 200 formában lesz rendezve, mivel az 1 megelőzi a 2-est). Ha az adott egyéb jelet, betűt nem akarjuk eltávolítani, akkor a <font color=white>0</font> megoldással láthatatlan 0-kat tehetünk a számok elé, hogy mindegyik ugyanannyi jegyből álljon, így a sima betűrendes rendezés is a számértéknek megfelelő sorrendet fog kiadni.

Ha az oszlop némelyik cellájában a szám helyén valami egyéb jel szerepel (pl. kihúzás, kérdőjel), és azt szeretnénk, ha ezek a legkisebb értékű szám mögött állnának, akkor olyan karaktert tehetünk be ezek elé láthatatlanul (fehér színnel), amelynek kódja kisebb a 0-énál (l. ASCII). Tekintve, hogy számokról van szó, érdemes ilyenkor # számjelet tenni ezek elé, s egyúttal ez az egyik legalacsonyabb kódszámú karakter is.

További lehetőségekért lásd a m:Help:Sorting lapot (angol nyelvű).

[szerkesztés] Táblázat átalakítása kinyithatóvá

[szerkesztés] Első változat

Ahhoz, 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:

<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.

[szerkesztés] Második változat

Ha a szócikkünkben található ! jellel készített fejrész, akkor a táblázatba egyszerűen be lehet illesztenünk a "collapsible" CSS-osztályt, az alábbi módon:

{|class="collapsible" border="1" width="300"
! Nyitható és csukható táblázat
|-
| táblázat tartalma
|}
Nyitható és csukható táblázat
táblázat tartalma
  • Ha alaphelyzetben zárt táblázatot szeretnél, akkor a classhoz írd ezt: "collapsible collapsed".
  • Szebb táblázat érhető el, ha a "toccolours collapsible" osztályt használod.

[szerkesztés] Lásd még

A lap eredeti címe: „http://hu.wikipedia.org/wiki/Wikip%C3%A9dia:Hogyan_haszn%C3%A1ld_a_t%C3%A1bl%C3%A1zatokat%3F”