Wersja z 01:53, 18 lip 2013
Tworzenie tabel przydaje się przy budowie bloków usystematyzowanych informacji.
Kod
|
Zastosowanie
|
{|
|
Rozpoczyna szkielet tabeli
|
!
|
Komórka nagłówka
|
|
|
Następna komórka w wierszu
|
|-
|
Przechodzi do nowego wiersza
|
|}
|
Zamyka szkielet tabeli
|
Najprostszą tabelę można uzyskać poprzez wpisanie kodu:
{|
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
|
|
co da efekt:
|
kolumna 1, wiersz 1
|
kolumna 2, wiersz 1
|
kolumna 1, wiersz 2
|
kolumna 2, wiersz 2
|
|
Otrzymaliśmy tabelę bez obramowań, formatowań, krawędzi itd. Aby uzyskać ładną tabelę bez większego wysiłku, i co jest wysoce zalecane, wystarczy nadać tabeli klasę „wikitable”, według następującego wzoru:
{| class="wikitable"
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
|
|
co da efekt:
|
kolumna 1, wiersz 1
|
kolumna 2, wiersz 1
|
kolumna 1, wiersz 2
|
kolumna 2, wiersz 2
|
|
Stosowanie klasy „wikitable” jest wysoce zalecane.
Do tabeli można dodać nagłówki. Zostaną one automatycznie pogrubione, a w przypadku użycia klasy „wikitable” — zaznaczone ciemniejszym tłem i wycentrowane.
{| class="wikitable"
! Nagłówek 1
! Nagłówek 2
|-
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
|
|
co da efekt:
|
Nagłówek 1
|
Nagłówek 2
|
kolumna 1, wiersz 1
|
kolumna 2, wiersz 1
|
kolumna 1, wiersz 2
|
kolumna 2, wiersz 2
|
|
Można też połączyć dwie lub więcej komórek w poziomie…
{| class="wikitable"
! colspan="2" | Nagłówek 1 i 2
! Nagłówek 3
|-
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
| kolumna 3, wiersz 1
|-
| kolumna 1, wiersz 2
| colspan="2" | kolumna 2 i 3, wiersz 2
|}
|
|
co da efekt:
|
Nagłówek 1 i 2
|
Nagłówek 3
|
kolumna 1, wiersz 1
|
kolumna 2, wiersz 1
|
kolumna 3, wiersz 1
|
kolumna 1, wiersz 2
|
kolumna 2 i 3, wiersz 2
|
|
…jak i w pionie.
{| class="wikitable"
! colspan="2" | Nagłówek 1 i 2
! Nagłówek 3
|-
| rowspan="2" | kolumna 1, wiersz 1 i 2
| kolumna 2, wiersz 1
| kolumna 3, wiersz 1
|-
| colspan="2" | kolumna 2 i 3, wiersz 2
|}
|
|
co da efekt:
|
Nagłówek 1 i 2
|
Nagłówek 3
|
kolumna 1, wiersz 1 i 2
|
kolumna 2, wiersz 1
|
kolumna 3, wiersz 1
|
kolumna 2 i 3, wiersz 2
|
|