Nápověda:Tabulky
Tabulky je možné v MediaWiki zapisovat buď standardními příkazy HTML (nejsou povoleny pokročilejší jako tbody, colgroup ap.), nebo prostřednictvím jejího zvláštního značkovacího jazyka (viz Jak editovat stránku) využívajícího znaky | („svislítko, roura“), který je často jednodušší a přehlednější. Tato stránka obsahuje stručný přehled druhého postupu.
Obsah |
Syntaxe jednoduchých tabulek [editovat]
Až na oddělování jednotlivých buněk musí roura vždy začínat nový řádek. Parametry nejsou povinné.
Tabulka je definována takto: {| parametry obsah|} a mezi {| a parametry musí být mezera.
Parametry se užívají stejné jako v HTML/CSS. Jednotlivé parametry není třeba uzavírat do uvozovek, do zdrojového kódu je automaticky doplní systém.
Buňky v řádku (HTML tag TD) jsou generovány takto:
| buňka č. 1 | buňka č. 2 | buňka č. 3
nebo takto (přehlednější u jednoduchých tabulek s krátkým obsahem, rozvržení ve zdrojovém textu se blíží tomu ve výsledné tabulce):
| buňka č. 1 || buňka č. 2 || buňka č. 3
Parametry buňkám lze určovat takto:
| parametry | buňka
Obojí lze i kombinovat
| parametry 1 | buňka č. 1 || parametry 2 | buňka č. 2 || parametry 3 | buňka č. 3
Hlavička (HTML tag TH): místo roury se u buňky používá vykřičník (!), ale parametr je stále oddělován rourou. Příklady:
! hlavička sloupce 1
! hlavička sl. 2
! hlavička sl. 3
nebo takto:
! hlavička sl. 1 !! hlavička sl. 2 !! hlavička sl. 3
Parametry v buňkách mohou být používány takto:
! parametry | hlavička sl. 1
První řádek tabulky (HTML tag TR) je vygenerován automaticky. Začátek dalšího řádku je třeba vyznačit |- a parametry se připojí takto: |- parametry
Záhlaví s titulkem tabulky (HTML tag CAPTION) se vytvoří pomocí |+ a parametry se připojí takto: |+ parametry | záhlaví
Příklad [editovat]
{|
|+ '''Toto je záhlaví.''' Příklad z tabulky pro Afghánistán.
| [[Nezávislost]] || [[19. srpen|19. srpna]] [[1919]]
|-
| [[Měna]] || [[Afghani]]
|-
| [[Časové pásmo]] || [[Universal Time, Coordinated|UTC]]+4:30
|-
| [[Národní hymna]] || [[Sououd-e-Melli]]
|-
| [[Doména nejvyšší úrovně]] || .af
|}
což se zobrazí jako:
| Nezávislost | 19. srpna 1919 |
| Měna | Afghani |
| Časové pásmo | UTC+4:30 |
| Národní hymna | Sououd-e-Melli |
| Doména nejvyšší úrovně | .af |
Tipy pro práci s tabulkami [editovat]
Předdefinovaná jednoduchá tabulka [editovat]
Jednoduchou, slabě zarámovanou tabulku o libovolném počtu sloupců a řádek lze rychle zhotovit při použití class="wikitable". Například
{| class="wikitable"
|+ Označení položek
! AAA
! BBB
! CCC
|-
|0
|0
|0000
|-
|1
|1
|0001
|-
|2
|2
|0010
|-
|}
se zobrazí jako
| AAA | BBB | CCC |
|---|---|---|
| 0 | 0 | 0000 |
| 1 | 1 | 0001 |
| 2 | 2 | 0010 |
Od Mediawiki verze 1.9 lze také pomocí javascriptu tabulky řadit podle obsahu buněk. Aplikace je jednoduchá: class="wikitable sortable"
| AAA | BBB | CCC |
|---|---|---|
| 0 | 0 | 0000 |
| 1 | 1 | 0001 |
| 2 | 2 | 0010 |
Složitější tabulka [editovat]
Toto byl příklad jednoduché tabulky, ale jak je zřejmé z níže uvedeného příkladu, lze udělat i tabulky mnohem sofistikovanější:
| ID položky | Název | Kusů | Cena za kus | Celkem |
|---|---|---|---|---|
| 1 | Toaletní papír | 5 | 5,60 | 28,- |
| 2 | Smirkový papír | 3 | 12,- | 36,- |
| 3 | Kancelářský papír | 100 | 0,50 | 50,- |
| Celková cena: 114,- |
Zdrojový kód ukázky:
{|class="wikitable sortable"
!ID položky!!Název!!class="unsortable"|Kusů!!Cena za kus!!Celkem
|-
|1||Toaletní papír||5||5,60||28,-
|-
|2||Smirkový papír||3||12,-||36,-
|-
|3||Kancelářský papír||100||0,50||50,-
|-class="sortbottom"
!!!!!!!!!Celková cena: 114,-
|}
Slučování buněk [editovat]
Jednotlivé buňky tabulky můžeme slučovat. Vykreslit v daném řádku buňku přes několik sloupců lze pomocí parametru colspan="cislo", kde cislo značí počet sloupců, přes které se má buňka vykreslit. Např. colspan="2" tedy vykreslí danou buňku přes dva sloupce. Jestliže chceme vykreslit v daném sloupci buňku přes několik řádků, použijeme obdobným způsobem parametr rowspan="cislo".
| řádek 1, sloupec 1 | řádek 1, sloupec 2 a 3 | |
|---|---|---|
| řádek 2, sloupec 1 | řádek 2, sloupec 2 | řádek 2, sloupec 3 |
| řádek 3, sloupec 1 | řádek 3 a 4, sloupec 2 | řádek 3, sloupec 3 |
| řádek 4, sloupec 1 | řádek 4, sloupec 3 | |
| řádek 5, sloupec 1 | řádek 5, sloupec 2 | rádek 5, sloupec 3 |
Zdrojový kód příkladu:
{|class="wikitable"
|+ Příklad tabulky se sloučenými buňkami
! řádek 1, sloupec 1
! colspan="2" | řádek 1, sloupec 2 a 3
|-
|řádek 2, sloupec 1
|řádek 2, sloupec 2
|řádek 2, sloupec 3
|-
|řádek 3, sloupec 1
|rowspan="2"|řádek 3 a 4, sloupec 2
|řádek 3, sloupec 3
|-
|řádek 4, sloupec 1
|řádek 4, sloupec 3
|-
|řádek 5, sloupec 1
|řádek 5, sloupec 2
|rádek 5, sloupec 3
|}
Zarovnání textu v tabulce [editovat]
Pro horizontální zarovnání textu v buňkách tabulky je možné užít parametry align="right" (zarovnání doprava), align="center" (pro zarovnání doprostřed) nebo align="left" (pro zarovnání doleva). Paramet lze přiřadit jak buňce (pak platí pouze pro danou buňku), celému řádku (pak platí pro všechny buňky v řádku) a v případě, že není použit předdefinovaný styl (např. class="wikitable"), tak i celé tabulce (pak určuje zarovnání tabulky na stránce).
Pro vertikální zarovnání textu v buňkách tabulky je možné užít parametry valign="top" (pro zarovnání k hornímu okraji buňky), valign="bottom" (pro zarovnání k dolnímu okraju buňky) nebo valign="middle" (pro zarovnání doprostřed). Automaticky se text zarovnává doprava a doprostřed.
| zarovnání automatické | zarovnání dostředu | zarovnání doprava | |
|---|---|---|---|
| zarovnání automatické |
data | data | data |
| zarovnání nahoru |
data | data | data |
| zarovnání dolů |
data | data | data |
| celý řádek zarovnaný doprava |
data | data | data |
Zdrojový kód příkladu:
{| class="wikitable"
|+ Příklad tabulky s různě zarovnanými buňkami
!
! zarovnání automatické
! zarovnání dostředu
! zarovnání doprava
|-
! zarovnání <br /> automatické
| data
| align="center" | data
| align="right" | data
|-
! zarovnání <br /> nahoru
| valign="top" | data
| valign="top" align="center" | data
| valign="top" align="right" | data
|-
! zarovnání <br /> dolů
| valign="bottom" | data
| valign="bottom" align="center" | data
| valign="bottom" align="right" | data
|- align="right"
! celý řádek <br /> zarovnaný doprava
| data
| data
| data
|}
Zarovnání čísel na desetinnou čárku [editovat]
Čísla v tabulkách nemají jiné vlastnosti, než každý jiný text, To platí také u zarovnání. V tabulkách ale jsou ignorovány prosté mezery na začátku a na konci obsahu buňky.
Pro zarovnání podle desetinné čárky proto zvolíme zarovnání vpravo (align="right") a doplníme za číslo příslušný počet nezobrazených nul použitím šablony nuly se svislicí 0|. Ta vynechá v buňce právě tolik místa, jako by zabral text (zde zejména případná desetinná čárka a příslušný počet nul) zapsaný do šablony za svislicí, např. desetinná čárka a dvě nuly:
{{0|,00}}
Navíc:
- I číslo s největším počtem číslic za desetinnou čárkou „odlepíme“ od pravého okraje buňky přidáním za čísla plné nebo malé mezery:
{{0|0}}, {{0|.}}Stejně můžeme oddělit od krajů buněk i texty přidáním mezer na obou stranách. - U celých čísel ve sloupci i s desetinnými čísly je úhlednější zapsat alespoň první nulu za desetinnou čárkou.
Upravený příklad výše uvedené tabulky tak bude s příslušnými zarovnáními (zejména pravý sloupec) vypadat takto:
| ID položky | Název | Kusů | Cena za kus | Celkem |
|---|---|---|---|---|
| 1 | Toaletní papír | 5 | 5,60 | 28,00 |
| 2 | Smirkový papír | 3 | 12,50 | 36 |
| 3 | Kancelářský papír | 100 | 0,50 | 50,- |
| Celková cena: | 114,- |
s kódem:
{|class="wikitable sortable"
!{{0|.}}ID položky{{0|.}}!!{{0|.}}Název{{0|.}}!!class="unsortable"|{{0|.}}Kusů{{0|.}}!!{{0|.}}Cena za kus{{0|.}}!!{{0|.}}Celkem{{0|.}}
|-
|align="right"|1{{0|.}}||{{0|.}}Toaletní papír{{0|.}}||align=right|5{{0|.}}||align=right|5,60{{0|.}}||align=right|28,00{{0|.}}
|-
|align="right"|2{{0|.}}||{{0|.}}Smirkový papír{{0|.}}||align=right|3{{0|.}}||align=right|12,50{{0|.}}||align=right|36{{0|,00.}}
|-
|align="right"|3{{0|.}}||{{0|.}}Kancelářský papír {{0|.}} ||align=right|100{{0|.}}||align=right|0,50{{0|.}}||align=right|50,-{{0|0.}}
|-class="sortbottom"
!!!!!!!Celková cena:!!align="right"|114,-{{0|0.}}
|}
Vkládání tabulek do sebe [editovat]
Do jedné tabulky lze vložit druhou tabulku, např.:
data A tabulky 1
|
data B tabulky 1 | ||||
| data C tabulky 1 | data D tabulky 1 |
Zdrojový kód příkladu:
{| class="wikitable"
| data A tabulky 1
{| class="wikitable"
| data a tabulky 2
| data b tabulky 2
|-
| data c tabulky 2
| data d tabulky 2
|}
| data B tabulky 1
|-
| data C tabulky 1
| data D tabulky 1
|}
Ohraničení a okraje tabulky [editovat]
Pokud nepoužijeme předdefinovanou tabulku, můžeme použít parametr border="cislo" pro změnu šířky okraje tabulky. Pro změnu vnitřních okrajů užíváme parametr cellpadding="cislo" a pro změnu vnějších okrajů parametr cellspacing="cislo".
|
|
|
Nástroje pro práci s tabulkami [editovat]
Máte-li již zpracovanou tabulku ve formátu HTML nebo ve formátu, který do HTML můžete převést, mohl by se hodit HTML to Wiki Tool. Skript jednoduše převede zápis tabulky v HTML do wiki syntaxe - z hlediska práce s Wikipedií se jedná rozhodně o čistší způsob uchovávání informací. Tato pomůcka není funkční pro html formát tabulek generovaný prostřednictvím aplikace Microsoft Excel.
Předdefinované třídy [editovat]
Můžete použít CSS třídu (class) wikitable, případně ještě sortable.
Nepoužívejte složité styly nebo grafické úpravy, pokud to není zcela nezbytné. V naprosté většině případů si vystačíte s předdefinovanými třídami. Jednotný vzhled Wikipedie je důležitý!
Odkazy [editovat]
Související články [editovat]
- Vzhled a styl
- m:Help:Table – podrobný aktuální návod na tabulky, anglicky
- m:Help:Sorting – podrobný aktuální návod na řazení, anglicky
