Segítség:Hogyan használd a táblázatokat

Segítség

Táblázat készítése

Ez a lap egy - rövidke összefoglaló arról, hogyan érdemes használni a táblázatokat. A táblázatokat a Wikikönyvek saját jelölőnyelvével érdemes írni, mert az jobban áttekinthető, mint a HTML forma. A táblázat készítés előtt érdemes a homokozóban gyakorolni, illetve kipróbálni a különböző táblázatváltozatokat.

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

Bonyolultabb tábla

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

Széptáblázat sablon használata

A táblázat első sorában használhatjuk a {{széptáblázat}} sablont, 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

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

 {| border="1"
 | blabla
 |
 {| bgcolor="#ABCDEF" border="2"
 |beágyazott
 |-
 |tábla
 |}
 |megint az eredeti tábla
 |}
 

blabla

beágyazott tábla

megint az eredeti tábla

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

Színes sorok

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

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

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 data-sort-value="eredeti szám" attribútummal (pl. | data-sort-value="1234" | 1234<ref>lábjegyzet</ref> formában), akkor az ott megadott számérték alapján rendez

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 rendezési kulcsot adjunk meg, ahol az első karakter 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ű).

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

Első 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 classt, az alábbi módon:

• Ha alaphelyzetben zárt táblázatot szeretnél, akkor a classhoz írd ezt: "mw-collapsible mw-collapsed".

{|class="mw-collapsible mw-collapsed" border="1" width="415px"
!colspan=2| Nyitható és csukható táblázat !! 
|-
| táblázat tartalma || érték ||érték
|-
| 2. sor || érték ||érték
|-
| 3. sor || érték ||érték
|}

Nyitható és csukható táblázat
táblázat tartalma	érték	érték
2. sor	érték	érték
3. sor	érték	érték

• Szebb táblázat érhető el, ha a "toccolours collapsible" classt használod.

{|class="toccolours mw-collapsed" border="1" width="415px"
! Nyitható és csukható táblázat !! 
|-
| táblázat tartalma || érték ||érték
|-
| 2. sor || érték ||érték
|-
| 3. sor || érték ||érték
|}

Nyitható és csukható táblázat
táblázat tartalma	érték	érték
2. sor	érték	érték
3. sor	érték	érték

Második változat

Színezetten is

• Becsukva jelenik meg

Adhatsz egy címet a táblának

Neve	Nyitható és csukható táblázat	Megjegyzés
táblázat tartalma	érték	Megj.
2. sor	érték	Megj.
3. sor	érték	Megj.

• Keretezheted, ha a "toccolours mw-collapsible" osztályt használod.
• Kinyítva jelenik meg

Adhatsz egy címet a táblának

Neve	Nyitható és csukható táblázat	Megjegyzés
táblázat tartalma	érték	Megj.
2. sor	érték	Megj.
3. sor	érték	Megj.

Lásd még

• {{széptáblázat-r}}^(?) – rendezhető változat
• ‎‎WEB-HTML színkódok