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

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

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

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

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

A táblacím a

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

vagy

|+paraméterek|táblacím

formában szerepelhet.

Egyszerű tábla szerkesztés

 {| 
 | 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 szerkesztés

 {| 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 szerkesztés

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

 {| 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 szerkesztés

 {| 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 szerkesztés

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


Rendezhető táblázat szerkesztés

{|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á szerkesztés

Első változat szerkesztés

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

Második változat szerkesztés

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