Pomoc:Tabele

Spis treści pomocy

Do tworzenia tabel w wiki możemy używać języka (X)HTML, jednak jest to niezalecane. Jego odpowiednikiem są tu specjalne znaczniki, których lista znajduje się poniżej.

Odpowiedniki znaczników (X)HTML

(X)HTML	Wiki
bez parametrów
<table>	{|
</table>	|}
<caption>	|+
<tr>	|-
<th>	!
<td>	|
z parametrami
<table parametr="coś">	{| parametr="coś"
<caption parametr="coś">zawartość...	|+ parametr="coś" | zawartość...
<tr parametr="coś">	|- parametr="coś"
<th parametr="coś">zawartość...	! parametr="coś" | zawartość...
<td parametr="coś">zawartość...	| parametr="coś" | zawartość...

Wersja podstawowa

Jest to najprostsza tabelka, bez żadnego obramowania i stylu.

{|
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1	kolumna 2, wiersz 1
kolumna 1, wiersz 2	kolumna 2, wiersz 2

Zalecany kod

Ten styl tabeli obowiązuje w Wiki Grepolis. Ma obramowanie i dopasowane kolory.

{| class="wikitable"
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1	kolumna 2, wiersz 1
kolumna 1, wiersz 2	kolumna 2, wiersz 2

Rozmiar tabeli

Za pomocą "width" możemy zmienić szerokość tabeli. Tutaj rozmiar całej tabelki wynosi 50% szerokości wiki.

{| class="wikitable" style="width:50%"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1	kolumna 2, wiersz 1
kolumna 1, wiersz 2	kolumna 2, wiersz 2

Jeśli chcemy zmienić szerokość pojedynczych kolumn, możemy zrobić to tak:

{| class="wikitable" style="width:50%"
! style="width:30%" | kolumna 1, wiersz 1 
! style="width:70%" | kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}

Efekt:

kolumna 1, wiersz 1	kolumna 2, wiersz 1
kolumna 1, wiersz 2	kolumna 2, wiersz 2

Wyrównanie tekstu

Domyślnie zwykłe komórki wyrównywane są do lewej. Można to jednak zmienić za pomocą parametru "text-align".

{| class="wikitable" style="width:60%; text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
|-
| Wyrównanie do prawej
| Wyrównanie do prawej
|}

Efekt:

Nagłówek kolumny nr 1	Nagłówek kolumny nr 2
Wyrównanie do prawej	Wyrównanie do prawej

Możemy też wyrównać pojedyncze komórki, zamiast całą tabelę.

{| class="wikitable" style="width:60%"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| style="text-align:right" | Do prawej
| style="text-align:center" | Wyśrodkowane
| style="text-align:left" | Do lewej
|}

Nagłówek kolumny nr 1	Nagłówek kolumny nr 2	Nagłówek kolumny nr 3
Do prawej	Wyśrodkowane	Do lewej

Łączenie komórek

W kilku wierszach

By połączyć komórki w wierszach, używamy parametru "rowspan".

{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| rowspan=2 | Kolumna 2, wiersz 1 (oraz 2)
| Kolumna 3, wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 3, wiersz 2
|}

Efekt:

Kolumna 1, wiersz 1	Kolumna 2, wiersz 1 i 2	Kolumna 3, wiersz 1
Kolumna 1, wiersz 2		Kolumna 3, wiersz 2

W kilku kolumnach

By połączyć komórki w kolumnach, używamy parametru "colspan".

{| class="wikitable" style="width:60%"
| Kolumna 1, wiersz 1
| colspan=2 | Kolumna 2 (i 3), wiersz 1
|-
| Kolumna 1, wiersz 2
| Kolumna 2, wiersz 2
| Kolumna 3, wiersz 2
|}

Efekt:

Kolumna 1, wiersz 1	Kolumna 2 i 3, wiersz 1
Kolumna 1, wiersz 2	Kolumna 2, wiersz 2	Kolumna 3, wiersz 2