Help:Tables/cs


 * Struktuře databázových tabulek MediaWiki, se věnuje.

Toto je nápověda, jak vytvářet tabulky na wiki stránkách. Základní pravidlo je, obejít se, pokud možno, bez tabulek. Značkování tabulek totiž často komplikuje úpravy stránky.

Wiki značky pro tabulky

 * Výše uvedené značky musí vždy začínat na novém řádku. Kromě dvojitých  a   pro případné přidání po sobě jdoucích buněk na řádek. Prázdné mezery na začátku řádku jsou však ignorovány.
 * HTML atributy. Každá značka, mimo značky konce tabulky, volitelně přijímá jeden nebo více atributů HTML. Atributy musí být na stejném řádku jako značka. Oddělte atributy od sebe pomocí jediné mezery.
 * Buňky a titulek ( nebo ,   nebo   a  ) obsahující text. Oddělte tedy všechny atributy od obsahu jediným svislítkem . Obsah buňky může následovat na stejném řádku nebo i na následujících řádcích.
 * Značky tabulek a řádků ( a  ) neobsahují přímo text. Nepřidávajte proto svislou čáru (|) do zadání jejich volitelných atributů. Pokud omylem přidáte svislou čáru za atributy pro značku tabulky nebo značku řádku, analyzátor ji smaže a také váš konečný atribut, pokud se týkal chybné čáry!
 * Obsah může následovat svou značku buňky na stejném řádku za případnými volitelnými atributy HTML nebo může být na řádcích pod značkou buňky. Obsah využívající označení wiki, který sám musí začínat na novém řádku, jako jsou seznamy, nadpisy nebo vnořené tabulky, musí být na svém vlastním novém řádku.
 * Svislítko (svislá čára) jako obsah. Chcete-li do tabulky vložit znak svislítko, použijte zástupnou značku &lt;nowiki&gt; &lt;/nowiki&gt;.

Základy
Následující tabulka postrádá okraje a vhodné mezery, ale zobrazuje nejjednodušší strukturu tabulky vytvořenou pomocí značek wiki.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Buňky ve stejném řádku mohou být uvedeny na jednom řádku a oddělené  (dvěma symboly svislítka). Pokud by text v buňce měl obsahovat konec řádku, použijte raději.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Kvůli zpřehlednění wiki kódu můžete přidat do buněk několik mezer. Podobně jako v příkladu dole. Tyto mezery neovlivní výsledný vzhled tabulky.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

V buňkách tabulky můžete také mít delší textovou nebo i složitější syntaxi wiki:

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Záhlaví v tabulkách
Záhlaví v tabulkách lze vytvořit pomocí " " (vykřičník) místo " " (symbol svislítka). Záhlaví se ve výchozím nastavení zobrazují tučně a uprostřed sloupce.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Titulek
Titulek tabulky může být přidán na začátek jakékoli tabulky následujícím způsobem.

Třída "wikitable"
Základní styl (světle šedé pozadí, ohraničení, výplň a zarovnání doleva) lze dosáhnout přidáním class="wikitable".

HTML rozměry buněk
Pro pokročilé rozložení můžete v buňkách použít atributy HTML colspan (šířka - násobek sloupců) a rowspan (výška - násobek řádků).

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

HTML atributy
Do tabulek můžete přidat atributy HTML. Autoritativní zdroj o atributech HTML najdete na stránce Specifikace HTML W3C v tabulkách.

Atributy pro tabulky
Umístěním atributů za počáteční značku tabulky určíte atributy pro celou tabulku.

{| style="width:100%" ! style="width: 50%;"| Napíšete ! style="width: 50%;"| Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Atributy pro buňky
Atributy můžete vkládat do jednotlivých buněk (cells). Například čísla mohou vypadat lépe zarovnaná doprava.

{| style="width:100%" ! style="width: 50%;"| Napíšete ! style="width: 50%;"| Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Atributy buněk (cell) můžete použít také v případě, že na jednom řádku uvedete více buněk. Všimněte si, že buňky jsou odděleny  a v každé buňce jsou atribut a hodnoty odděleny.

{| style="width:100%" ! style="width: 50%;"| Napíšete ! style="width: 50%;"| Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Atributy pro řádky
Atributy můžete také vkládat do jednotlivých řádků (rows).

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Atributy titulků a záhlaví
Atributy mohou být přidány k titulku a k záhlaví následujícím způsobem.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Jednoduché ohraničení tabulky o jednom pixelu
Příklad okraje tabulky s jedním pixelem:

{| style="width:100%" ! style="width:50%" | Napíšete ! style="width:50%" | Zobrazí se
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Šířka okraje
Pokud má "border-width:" (okraj-šířka) pouze jedno číslo, platí pro všechny čtyři strany:

{| style="width:100%" ! style="width:50%" | Napíšete ! style="width:50%" | Zobrazí se
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Pokud "border-width:" obsahuje více než jedno číslo, jsou čtyři čísla pro nahoře, vpravo, dole, vlevo (ZAPAMATUJTE si ve směru hodinových ručiček &uarr;&rarr;&darr;&larr;):

{| style="width:100%" ! style="width:50%" | Napíšete ! style="width:50%" | Zobrazí se
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }


 * Pokud existují méně než 4 hodnoty:
 * tři hodnoty, tj.,  ,  : pak výchozí hodnota pro   je hodnota   (druhá hodnota). Šířka je pak stejná na levé i pravé straně.
 * dvě hodnoty, tj.,  : pak výchozí hodnota pro   je   (první hodnota) a   ve výchozím nastavení je přiřazena hodnota   (druhá hodnota). Šířka nahoře je pak stejná jako na spodní straně. Šířka vlevo je stejná jako napravo.
 * jedna hodnota, tj. : pak výchozí hodnota pro   je hodnota   a stejná je pro   a  . Čtvrtá šířka je stejná a vytváří pravidelné hranice. Toto ulehčuje psaní.

Další metodou pro definování šířek čtyř stran buňky je použití "border-left", "border-right", "border-top" a "border-bottom": {| style="width:100%" ! style="width:50%" | Napíšete ! style="width:50%" | Zobrazí se
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

S atributy HTML a styly CSS
atributy stylu lze přidávat s dalšími atributy HTML nebo i bez nich.

Výplň
{| style="width:100%;" ! style="width: 50%;"| Napíšete ! style="width: 50%;"| Zobrazí se
 * -valign=top
 * style="padding:10px" |


 * }

Šířka sloupce
Šířka sloupce může být přidána následovným způsobem.

Napíšete:

Zobrazí se:

Zvýraznění buněk záhlaví tabulky
Buňky záhlaví tabulky výslovně neurčují, na které datové buňky tabulky se vztahují (buňky napravo od stejného řádku nebo buňky pod nimi ve stejném sloupci). Pokud je tabulka vykreslena ve vizuálním 2D prostředí, lze ji obvykle snadno odvodit.

Pokud jsou však tabulky vykreslovány na nevizuálních médiích, můžete prohlížeči pomoci určit, která buňka záhlaví tabulky se použije na popis libovolné vybrané buňky (za účelem opakování jejího obsahu v nějakém pomocníkovi pro usnadnění přístupu) pomocí atributů scope="row" (rozsahu řádek) nebo scope="col" (rozsahu sloupců) v buňkách záhlaví tabulky. Ve většině případů s jednoduchými tabulkami použijete obor působnosti scope="col" na všech buňkách záhlaví prvního řádku a obor působnosti scope="row" v první buňce následujících řádků:

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Zarovnání tabulky
Zarovnání tabulky je dosaženo pomocí CSS. Zarovnání tabulky je řízeno okraji. Pevný okraj na jedné straně způsobí zarovnání tabulky k této straně, pokud je na opačné straně okraj definován jako „auto“. Chcete-li zarovnat na střed plochy, měli byste nastavit oba okraje na  auto 

Například tabulka zarovnaná doprava:

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

A tabulka zarovnaná na střed:

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Tabulka plovoucí kolem textu
Pokud zarovnáte tabulku napravo nebo na levé straně stránky, text, který přijde za tabulkou, začíná na jejím konci a kolem tabulky zůstane prázdné místo. Text, který se má rozložit kolem tabulky, můžete vytvořit tak, že místo toho, aby byl zarovnán, se tabulka bude pohybovat kolem textu. Toho lze dosáhnout pomocí atributu CSS, který může určit, zda se tabulka nachází na pravé straně nebo na levé straně. Při použití float okraje nekontrolují zarovnání tabulky a mohou být použity k určení okraje mezi tabulkou a okolním textem.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * }

Zarovnání obsahu buněk
Zarovnání obsahu buněk lze ovládat pomocí 2 různých vlastností CSS:  (text-zarovnat) a   (vertikálně zarovnat). lze zadat v tabulce, řádku nebo jednotlivých buňkách, zatímco  lze zadat pouze v jednotlivých řádcích nebo buňkách.

{| style="width:100%" ! style="width: 50%;"|Napíšete ! style="width: 50%;"|Zobrazí se
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Záporná čísla
Pokud spustíte buňku na novém řádku se záporným číslem se znaménkem mínus (nebo parametrem, který vyhodnocuje záporné číslo), může se vaše tabulka rozbít, protože budou analyzovány znaky  jako označení wiki pro řádek tabulky, nikoli pro buňku tabulky. Chcete-li tomu zabránit, vložte mezeru před hodnotu nebo použijte řádkové označení buněk.

CSS vs. atributy
Ohraničení tabulek zadané prostřednictvím CSS namísto atributu border se nesprávně zobrazí v malé podmnožině textových prohlížečů.

Společné atributy pro sloupce, skupiny sloupců a skupiny řádků
Syntaxe MediaWiki pro tabulky v současné době nenabízí žádnou podporu pro určování společných atributů pro sloupce (s elementem HTML ), skupiny sloupců (prvek HTML ) a skupiny řádků (prvky HTML ,  a ). Tyto standardní prvky HTML nejsou akceptovány ani v jejich syntaxi HTML nebo XHTML.

Všechny řádky a buňky (záhlaví nebo data) tabulky jsou vykresleny v jedné implicitní skupině řádků (element HTML ) bez jakýchkoli atributů nebo stylů.

Tabulky a vizuální editor (VE)

 * Viz též: 

Viz T108245: "Fully support basic table editing in the visual editor". Viz seznam úkolů. Dokončené úkoly jsou obsaženy. Z technického jazyka může být obtížné zjistit, co přesně bylo vylepšeno nebo jaké funkce byly přidány. Níže prosím přidejte vysvětlující informace.

Můžete přesouvat nebo mazat sloupce a řádky
Klikněte na záhlaví sloupce nebo řádku. Poté klikněte na šipku. V rozbalovací nabídce klikněte na „Move“ (Přesunout) nebo „Delete“ (Odstranit).

Vložení prázdného řádku nebo sloupce
Ve stejném vyskakovacím menu klikněte na „Insert“ (Vložit).

Kopírování tabulky z webové stránky do Visual Editor
Je možné kopírovat a vložit tabulku z webové stránky přímo do Visual Editoru (VE). Chcete-li to provést bezpečně, použijte karanténu a zkontrolujte v tabulce správné kódování ve zdrojovém režimu wikitextu a správné zobrazení ve Visual Editoru a v režimu náhledu.

Viz též

 * Třídění řádků tabulky
 * m:Help:Sorting
 * w:Help:Tables
 * Easy tool that helps generating tables