Pomoc:Tabele
Z Wikipedii
Hasła Wikipedii mogą zawierać tabele prezentujące różnorodne dane. Do ich tworzenia można użyć znaczników języka HTML, jak np. <table>, <tr>, <td>, <th> i <caption>, ale zamiast tego zalecane jest używanie specjalnych znaczników składni wiki wprowadzonych przez Magnusa Manske. Znaczniki tej składni, za jednym wyjątkiem, muszą zaczynać się od początku nowej linii.
Spis treści |
[edytuj] Tabela w przykładach
[edytuj] Wersja podstawowa
{|
| kolumna 1, wiersz 1
| kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
Powyższy kod utworzy prostą tabelę bez zarysowanych krawędzi:
| kolumna 1, wiersz 1 | kolumna 2, wiersz 1 |
| kolumna 1, wiersz 2 | kolumna 2, wiersz 2 |
[edytuj] Zalecany kod tabeli
{| class="wikitable"
! kolumna 1, wiersz 1
! kolumna 2, wiersz 1
|-
| kolumna 1, wiersz 2
| kolumna 2, wiersz 2
|}
Dodanie tej klasy (wikitable) powoduje, że tabelka jest schludnie sformatowana – z ramką i wyróżnieniem pól poprzedzonych wykrzyknikiem (pola nagłówkowe). Czyli coś takiego:
| kolumna 1, wiersz 1 | kolumna 2, wiersz 1 |
|---|---|
| kolumna 1, wiersz 2 | kolumna 2, wiersz 2 |
[edytuj] Wyrównywanie tekstu
[edytuj] Użycie parametru align
Parametr ten jest obecnie uważany przez ekspertów za przestarzały, jednak jest krótszy w zapisie niż nowsza wersja.
| Nagłówek kolumny nr 1 | Nagłówek kolumny nr 2 | Nagłówek kolumny nr 3 | Nagłówek kolumny nr 4 |
|---|---|---|---|
| do prawej | wyśrodkowane | do lewej | też do lewej |
{| class="wikitable"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
! Nagłówek kolumny nr 4
|-
| align="right" | do prawej
| align="center" | wyśrodkowane
| align="left" | do lewej
| też do lewej
|}
Jak widać, domyślnie (bez podania parametrów) zwykłe komórki są wyrównywane do lewej.
[edytuj] Użycie parametru style do wyrównania
Parametr style jest zalecany przez ekspertów, jednak w tym wypadku jego stosowanie wymaga nieco większego wysiłku.
| Nagłówek kolumny nr 1 | Nagłówek kolumny nr 2 | Nagłówek kolumny nr 3 |
|---|---|---|
| do prawej | wyśrodkowane | do lewej |
{| class="wikitable"
! 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
|}
Użycie tego parametru nabiera znaczenia, gdy chcemy sformatować całą tabelę (lub większość komórek) tak, aby były np. wyrównane do prawej:
| Nagłówek kolumny nr 1 | Nagłówek kolumny nr 2 | Nagłówek kolumny nr 3 |
|---|---|---|
| to do prawej | i to do prawej | i to |
{| class="wikitable" style="text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| to do prawej
| i to do prawej
| i to
|}
Wówczas do wyrównania tekstu w poszczególnych komórkach możemy użyć np. atrybutu align.
| Nagłówek kolumny nr 1 | Nagłówek kolumny nr 2 | Nagłówek kolumny nr 3 |
|---|---|---|
| to do prawej | i to do prawej | a to do lewej |
{| class="wikitable" style="text-align:right"
! Nagłówek kolumny nr 1
! Nagłówek kolumny nr 2
! Nagłówek kolumny nr 3
|-
| to do prawej
| i to do prawej
| align="left" | a to do lewej
|}
[edytuj] Użycie szablonu dla liczb
W przypadku, gdy tekst w komórce przedstawia liczbę, do jego wyrównywania pomocny może być szablon {{L}}. Opis jego stosowania jest zamieszczony tutaj. Nie należy jednak nadużywać tego szablonu, ponieważ powoduje on zarówno wolniejsze przetwarzanie strony, jak i to, że kod strony znacznie się wydłuża!
[edytuj] Tabela z tytułem
Jeżeli chcemy, aby pojawił się tytuł tabeli nad nią, używamy kodu |+
| Pierwsza kolumna | Druga kolumna |
|---|---|
| Komórka 1, wiersz 1 | Komórka 2, wiersz 1 |
| Komórka 1, wiersz 2 | Komórka 2, wiersz 2 |
| Komórka 1, wiersz 3 | Komórka 2, wiersz 3 |
| Komórka 1, wiersz 4 | Komórka 2, wiersz 4 |
{| class="wikitable" align=right
|+ '''Tytuł tabeli. Pojawia się bez ramki
nad tabelą i jest wycentrowany'''
! Pierwsza kolumna
! Druga kolumna
|-
| Komórka 1, wiersz 1
| Komórka 2, wiersz 1
|-
| Komórka 1, wiersz 2
| Komórka 2, wiersz 2
|-
| Komórka 1, wiersz 3
| Komórka 2, wiersz 3
|-
| Komórka 1, wiersz 4
| Komórka 2, wiersz 4
|}
Wynikowa tabela jest widoczna po prawej.
[edytuj] Kolory komórek
Żeby uzyskać różne kolory komórek, wstawiamy przed każdą komórką polecenie bgcolor="xxxxxx" |, zamiast xxxxxx wpisując odpowiedni parametr koloru – lista parametrów znajduje się np. na stronie artykułu barwa. Poniżej znajduje się kilka przykładów zastosowania różnych kolorów. Zastosowanie poniższego kodu
{| class="wikitable"
! coś
! coś
! coś
|-
| bgcolor="FFF2B2" | kolor taki
| bgcolor="DBF5FF" | kolor inny
| bgcolor="FAD2B2" | kolor inny
|}
daje taki efekt:
| coś | coś | coś |
|---|---|---|
| kolor taki | kolor inny | kolor inny |
Jeżeli chcemy uzyskać dla całego wiersza jeden kolor, można to zrobić łatwiej:
{| class="wikitable"
! coś
! coś
! coś
|- bgcolor="FFF2B2"
| jeden kolor
| we wszystkich
| komórkach wiersza
|- bgcolor="DBF5FF"
| a w tym wierszu
| inny
| kolor
|}
| coś | coś | coś |
|---|---|---|
| jeden kolor | we wszystkich | komórkach wiersza |
| a w tym wierszu | inny | kolor |
[edytuj] Zestawienie kolorów
|
|
|
kod dla koloru czarnego #000000
[edytuj] Łączenie komórek
[edytuj] W kilku wierszach – parametr rowspan
{| class="wikitable"
| Komórka 1, wiersz 1
| rowspan=2 | Komórka 2, wiersz 1 (oraz 2)
| Komórka 3, wiersz 1
|- bgcolor="FFF2B2"
| Komórka 1, wiersz 2
| Komórka 3, wiersz 2
|}
| Komórka 1, wiersz 1 | Komórka 2, wiersz 1 (oraz 2) | Komórka 3, wiersz 1 |
| Komórka 1, wiersz 2 | Komórka 3, wiersz 2 |
rowspan powoduje rozciągnięcie komórki na kilka wierszy
[edytuj] W kilku kolumnach – parametr colspan
{| class="wikitable"
| Komórka 1, wiersz 1
| colspan=2 | Komórka 2 (i 3), wiersz 1
|- bgcolor="FFF2B2"
| Komórka 1, wiersz 2
| Komórka 2, wiersz 2
| Komórka 3, wiersz 2
|}
| Komórka 1, wiersz 1 | Komórka 2 (i 3), wiersz 1 | |
| Komórka 1, wiersz 2 | Komórka 2, wiersz 2 | Komórka 3, wiersz 2 |
colspan powoduje rozciągnięcie komórki na kilka kolumn.
A teraz przykład z użyciem wszystkich parametrów
{| class="wikitable" align="right"
|+ Tabela kolorowa i bardziej złożona
! Komórka 1, wiersz 1
! Komórka 2, wiersz 1
! Komórka 3, wiersz 1
! Komórka 4, wiersz 1
|-
| bgcolor="ABF2B2" | Komórka 1, wiersz 2
| bgcolor="ABF2B2" colspan=2 | Komórka 2 (i 3), wiersz 2
| bgcolor="ABF2FF" rowspan=3 | Komórka 4, wiersz 2 i 3
|- bgcolor="FFF2B2"
| colspan=3 | Komórka 1, 2 i 3, wiersz 3
|}
| Komórka 1, wiersz 1 | Komórka 2, wiersz 1 | Komórka 3, wiersz 1 | Komórka 4, wiersz 1 |
|---|---|---|---|
| Komórka 1, wiersz 2 | Komórka 2 (i 3), wiersz 2 | Komórka 4, wiersz 2 i 3 | |
| Komórka 1, 2 i 3, wiersz 3 | |||
[edytuj] Tabela zagnieżdżona
{| border="1"
| coś coś
|
{| border="2" style="background-color:#ABCDEF;"
| tabela
|-
| zagnieżdżona
|}
| ciąg dalszy pierwszej tabeli
|}
dodaje tabelę zagnieżdżoną
| coś coś |
|
ciąg dalszy pierwszej tabeli |
Uwaga: Jeśli główna tabela ma podany parametr class="wikitable", wówczas kolorowanie tła tabeli zagnieżdżonej nie funkcjonuje poprawnie.
[edytuj] Sortowanie danych w tabelach
Istnieje specjalna opcja, która pozwala na sortowanie danych w kolumnach tabeli. Aby ją uzyskać, należy zastąpić class="wikitable" opcją class="wikitable sortable" tak jak w poniższym kodzie.
{| class="wikitable sortable" style="text-align:right;" align="right"
! width="100px" | Kolumna główna
! width="80px" | Sortowanie alfabetyczne
! width="80px" | Sortowanie wg liczb
! width="80px" | Sortowanie z innymi znakami
|-
! Rok 2006
| Muzyka
| 245
| 18
|-
! Rok 2005
| Literatura
| 127
| -
|-
! Rok 2004
| Technika
| 52
| 32
|-
! Rok 2003
| Ogrodnictwo
| 21
| ?
|}
Kod ten pozwoli uzyskać poniższą tabelę, w której, klikając w "znaczek" w nagłówku, czytelnik uzyskuje sortowanie zmiennych umieszczonych w kolumnach.
Istnieje możliwość wskazania, aby niektóre kolumny nie mogły być użyte do sortowania tabeli:
Efekt uzyskuje się, dodając class="unsortable" w opisie kolumny w pierwszym wierszu (nagłówku) tabeli:
{| class="wikitable sortable" style="text-align:right;"
! width="100px" | Kolumna główna
! width="80px" class="unsortable" | Nie sortujemy
! width="80px" | Sortowanie liczb
...
Można również wskazać, aby dolne wiersze nie podlegały sortowaniu i zawsze zostawały na dole tabeli:
Tu wystarczy podać atrybut wiersza class="sortbottom": |- ! Rok 2003 | nie sortujemy | 21 |- class="sortbottom" ! Podsumowanie | Sortowanie tabel nie jest trudne | 45 |} [edytuj] Sortowanie dat w tabelach Zobacz też: Szablon:Dts.Zasadniczo, daty w tabelach są prawidłowo sortowane wyłącznie, gdy podane są w cyfrowym formacie rok-miesiąc-dzień, który nie jest powszechnie używany. W tym celu utworzono szablon {{dts}}, który pozwala prawidłowo sortować daty w tabelach. Przykładowo następujący wiki-kod
{| class="wikitable sortable" style="text-align:right;"
!Kolumna główna
!Sortowanie dat
!Sortowanie liczb
|-
! Pozycja 1
| {{dts|01|01|1999}}
| 245
|-
! Pozycja 2
| {{dts|03|07|1995}}
| 127
|-
! Pozycja 3
| {{dts|07|03|1997}}
| 21
|}
produkuje następującą tabelę, w której daty są prawidłowo wyświetlone i mogą być sortowane:
[edytuj] Sortowanie nazwisk w tabelach Zobacz też: Szablon:Sortname.Problemy może sprawiać również sortowanie biogramów w tabelach według nazwisk, ponieważ hasła w wikipedii są nazywane w formacie imię-nazwisko. W celu prawidłowego sortowania nazwisk utworzono szablon {{sortname}}, który rozwiązuje ten problem. Przykładowo kod
{| class="wikitable sortable"
!Imię i nazwisko
!Dziedzina
!Rok
|-
|{{sortname|Greg|Walden}}
|polityk
|1991
|-
|{{sortname|Wes|Cooley}}
|działacz
|1996
|-
|{{sortname|Smith|Dennis|Denny Smith}}
|aktywista
|1994
|-
|{{sortname|Pete|Sampras}}
|sportowiec
|1993
|}
daje tabelę, w której nazwiska mogą być sortowane według nazwisk:
[edytuj] Zestawienie i objaśnienia kodów tabeli
[edytuj] Szablony do użycia w tabelach
Wszystkie szablony do zastosowania w tabelach można znaleźć w odpowiedniej kategorii. [edytuj] Tabela w pigułcePierwsza utworzona tabela jest dokładnie opisana, druga zawiera te same dane, lecz ma zmienione parametry. Warto porównać te parametry i zwrócić uwagę na skutki ich użycia w utworzonych tabelach.
[edytuj] Zobacz też |
| Armstrong: postawa dziennikarzy i kibiców może zakłócić moją misję |
|
Siedmiokrotny zwycięzca kolarskiego Tour de France - Lance Armstrong, wyjawił, że nadal nie jest pewien czy wystartuje w przyszłorocznej edycji wyścigu. Amerykanin wraca do zawodowego ścigania po trzech latach przerwy.
|
| 30 lat temu Rutkiewicz zdobyła Mount Everest |
|
16 października 1978 roku Wanda Rutkiewicz jako trzecia kobieta i pierwsza Europejka stanęła na wierzchołku najwyższego szczytu świata - Mount Everestu (8850 m). W tym samym dniu kardynał Karol Wojtyła został wyniesiony na Stolicę Piotrową.
|
| Hamilton: nie jestem zarozumiały i arogancki |
|
Kierowca McLarena, Lewis Hamilton, kategorycznie sprzeciwia się stwierdzeniom, że jest zarozumiały i arogancki. - Nigdy nie powiedziałem, że jestem najlepszym kierowcą - mówi Hamilton.
|
| 40. rocznica skoku w "21 wiek" |
|
Trwałą pozycję w historii sportu buduje się zwykle latami. Jemu wystarczyło sześć sekund w czasie igrzysk olimpijskich w Meksyku w 1968 roku. Wynikiem 8,90 m 22-letni Robert (Bob) Beamon pobił rekord świata w skoku w dal i w opinii wielu fachowców było to największe wydarzenie sportowe XX wieku.
|
| ZKŻ traci strategicznego sponsora |
|
Kronopol nie będzie strategicznym sponsorem Zielonogórskiego Klubu Żużlowego (ZKŻ Kronopol Zielona Góra) - poinformował o tym we wtorek w liście do lubuskich mediów prezes zarządu Kronopol Sp.z.o.o., Maciej Karnicki.
|