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.

Základy


Vytvoření tabulky pomocí panelu nástrojů editoru
V editoru wikitextu umístěte kurzor na místo, kam chcete vložit tabulku. Poté na panelu nástrojů stiskněte "" a vyberte tlačítko. Otevře se dialog.

V dialogovém okně si můžete vybrat, zda povolit řádek záhlaví tabulky, stylizovat tabulku s okrajem a nastavit seřazení tabulky. Zobrazí se příklad náhledu. Můžete také nastavit počty řádků a sloupců, které potřebujete. Poté stiskněte tlačítko "".

Ve výchozím nastavení je vygenerován následující kód: Wikicode: { | class="wikitable" style="margin:auto" |+ |- !  !!  !!  |- |  ||  ||  |- |  ||  ||  |- |  ||  ||  |} Výsledek:



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

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.

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.

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



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.



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.



Šíř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ň
Představuje vnitřní okraj mezi obsahem a okrajem buňky. {| 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:

<span id="Accessibility_of_table_header_cells">

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 zobrazena 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 scope="col" na všech buňkách záhlaví prvního řádku a 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í
<span id="Table_alignment">

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 tabulku 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;"|

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

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;"|

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

<span id="Table_floating_around_text">

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 můžete obtékat kolem tabulky tak, že se tabulka bude pohybovat kolem textu namísto pouhého zarovnání. 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.
 * }

<span id="Cell_contents_alignment">

Zarovnání obsahu buněk
Zarovnání obsahu buněk lze ovládat pomocí 2 různých vlastností CSS:  (zarovnat text) a   (zarovnat vertikálně). 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;"|


 * }

Upozornění
<span id="Negative_numbers">

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.

<span id="CSS_vs_attributes">

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

<span id="Common_attributes_for_columns,_column_groups_and_row_groups">

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 <colgroup ></colgroup>) a skupiny řádků (prvky HTML <thead ></thead>, <tbody ></tbody> a <tfoot ></tfoot>). 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 <tbody ></tbody>) bez jakýchkoli atributů nebo stylů.

<span id="Tables_and_the_Visual_Editor_(VE)">

Tabulky a Visual Editor (VE)

 * Viz také: 

Podívejte se na stránku T108245: "Fully support basic table editing in the visual editor". Podívejte se na seznam úkolů. Dokončené úkoly jsou zaškrtnuty. 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.

<span id="Can_now_move_or_delete_columns_and_rows">

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

<span id="Insert_blank_row_or_column">

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

<span id="Copy_table_from_web_page_to_Visual_Editor">

Kopírování tabulky z webové stránky do Visual Editoru
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.

<span id="Helping_tools">

Pomocné nástroje

 * Excel2Wiki umožňuje zkopírovat tabulkový procesor z Excelu, Apache OpenOffice, LibreOffice nebo Gnumeric a převést ji na tabulku wikikódů.

<span id="See_also">

Související odkazy

 * Třídění řádků tabulky
 * m:Help:Sorting
 * w:Help:Tables
 * Jednoduchý nástroj, který pomáhá generovat tabulky