Recent Changes - Search:

edit SideBar

Tabele

dla autorów (podstawy)

Podstawy tabel

PmWiki ma dwa rodzaje znaczników tabel; znacznik opisany na tej stronie jest uyteczny do tworzenia tabel z du iloci maych komórek, natomiast dyrektywy tabel s pomocne dla tabel o wikszej skali. Wicej moliwoci formatowania tabel podaje ksika kucharska formatowania tabel.

Tabele tworzy si przez uycie znacznika "podwójna kreska pionowa": ||. Linie zaczynajce si od tego znacznika oznaczaj rzd w tabeli; w ramach takich linii uywa si tej "kreski" do oddzielania komórek. W przykadzie poniej obramowanie jest dodane dla ilustracji - domylnie go nie ma.

Podstawowa tabela
|| border=1
|| komórka 1 || komórka 2 || komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 ||
|| komórka 1 || komórka 2 || komórka 3 ||
komórka 1komórka 2komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3 komórka 3
komórka 1komórka 2komórka 3

Mona utworzy komórki z nagówkiem umieszczajc ! jako pierwszy znak w komórce. Zauwa, e s to nagówki tabeli, nie nagówki, wic nie uywa si !!, !!!, itd.

Nagówki tabeli
|| border=1
||! komórka 1 ||! komórka 2 ||! komórka 3 ||
||  komórka 1 ||  komórka 2 ||  komórka 3 ||
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Tabela moe mie tytu, podawany przez ||!tytu!|| (jedna linia). Musi on poprzedza wszystko, co bdzie w tabeli.

Tytu tabeli
|| border=1
||! Tabela z tytuem !||
||! komórka 1 ||! komórka 2 ||! komórka 3 ||
||  komórka 1 ||  komórka 2 ||  komórka 3 ||
Tabela z tytuem
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Formatowanie zawartoci komórek

Zawarto komórek moe by dosuwana w lewo, w prawo, albo centrowana.

  • Aby dosun zawarto w lewo, napisz j bez spacji po pocztkowym ||.
  • Aby wycentrowa zawarto, napisz j ze spacjami z obu stron.
  • Aby dosun zawarto w prawo, napisz spacj tylko na pocztku, a koczce || bez spacji.
Wyrównywanie zawartoci komórek
|| border=1 width=100%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej
Domylne wyrównywanie zawartoci komórek
|| border=1 width=100%
||!komórka domylna||!komórka z lewej ||
||wyrównana domylnie||dosunita w lewo ||
komórka domylnakomórka z lewej
wyrównana domylniedosunita w lewo

Zauwa, e nagówek i pozostae komórki maj róne wyrównywanie domylne.

Aby uzyska komórk rozcigajc si na wiele kolumn, napisz po niej puste komórki (nawet bez spacji). (Jak na razie nie ma znakowania do komórek rozcigajcych si na wiele rzdów.)

Komórki wielokolumnowe
|| border=1 width=100%
|| |||| prawa kolumna ||
|| || rodkowa kolumna ||||
|| lewa kolumna ||||||
|| lewa kolumna || rodkowa kolumna || prawa kolumna ||
 prawa kolumna
 rodkowa kolumna
lewa kolumna
lewa kolumnarodkowa kolumnaprawa kolumna

Atrybuty tabel

Dowolna linia, która zaczyna si od ||, ale nie ma zamykajcego ||, ustawia atrybuty tabel dla wszelkich tabel po niej. Te atrybuty mog sterowa rozmiarem i pozycj tabeli, obramowaniem, kolorem ta, i odstpem midzy komórkami. (To s po prostu standardowe atrybuty HTML, które s umieszczane w znaczniku <table>.)

Uyj atrybutu width=, aby ustawi szeroko tabeli, podajc j albo w procentach, albo bezwzgldn warto, albo *.

Szeroko tabeli
|| border=1 width=100% 
||!komórka 1 ||! komórka 2 ||! komórka 3||
|| k1 || komórkakomórkakomórka2 || komórka 3||
komórka 1komórka 2komórka 3
k1komórkakomórkakomórka2komórka 3

Atrybut border= ustawia grubo obramowania tabeli.

Tabela obramowana
|| border=10 width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej
Tabela nieobramowana
|| border=0 width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej

Uywaj align=center, align=left, i align=right, aby wycentrowa tabel, czy dosun w lewo, albo w prawo. Zauwa, e align=left ialign=right tworz tabel opywan, tak e tekst rozmieci si obok tabeli.

Wyrównanie tabeli: centrowanie
|| border=1 align=center width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
Zauwa: tekst nie ukada si obok tabeli uywajcej "align=center".
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej

Zauwa: tekst nie ukada si obok tabeli uywajcej "align=center".

Wyrównanie tabeli: do lewej
|| border=1 align=left width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
Zauwa: tekst ukada si na prawo od tabeli uywajcej "align=left".
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej

Zauwa: tekst ukada si na prawo od tabeli uywajcej "align=left".

Wyrównanie tabeli: do prawej
|| border=1 align=right width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
Zauwa: tekst ukada si na lewo od tabeli uywajcej "align=right".
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej

Zauwa: tekst ukada si na lewo od tabeli uywajcej "align=right".

Uwaga: uzyskanie tabeli dosunitej w lewo bez opywania wymaga CSS, jak w

||style="margin-left:0px;"

Atrybut bgcolor= ustawia kolor ta tabeli. Jak na razie nie ma sposobu, by podawa kolory poszczególnych rzdów, albo komórek (ale zobacz ksik kucharsk formatowania tabel).

|| border=1 align=center bgcolor=yellow width=70%
||!komórka 1 ||! komórka 2 ||! komórka 3||
||z lewej    ||  w rodku  ||   z prawej||
komórka 1komórka 2komórka 3
z lewejw rodkuz prawej

Inne przykady

Bardziej zoona tabela
%define=sp padding-right:1em font-weight:bold%
|| border=1
|| [++Kalendarz wydarze++] ||||||||||
|| '''May 2005''' || '''June 2005''' || '''July 2005''' || '''August 2005''' || '''September 2005''' ||
||%sp%'''10'''%%6:30 - 8:30 Wielka impreza\\\
%sp%'''17'''%%7:00 - 8:30 Wiksza impreza\\\
%sp%'''24'''%%7:00 - 8:30 Najwiksza impreza|| || || || ||
|| '''October 2005''' || '''November 2005''' || '''December 2005''' || '''January 2006''' || '''February 2006''' ||
|| || || || || ||
Kalendarz wydarze
May 2005June 2005July 2005August 2005September 2005
106:30 - 8:30 Wielka impreza

177:00 - 8:30 Wiksza impreza

247:00 - 8:30 Najwiksza impreza
    
October 2005November 2005December 2005January 2006February 2006
     

<< | |Documentation Index| | >>

Jak utworz podstawow tabel?

Tabele tworzy si uywajc podwójnej kreski pionowej: ||. Linie zaczynajce si od tego znacznika opisuj rzdy w tabeli; w ramach tych linii ta podwójna kreska rozdziela kolumny. W przykadach poniej obramowanie jest dodane dla ilustracji (domylnie jest bez niego).

Podstawowa tabela
|| border=1 rules=rows frame=hsides
|| komórka 1 || komórka 2 || komórka 3 ||
|| komórka 1 || komórka 2 || komórka 3 ||
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Jak zrobi nagówki kolumn?

Nagówki kolumn mona zrobi wpisujc ! jako pierwszy znak w komórce. Zauwa, e s to nagówki tabeli, nie nagówki, wic nie uywa si !!, !!!, itd.

Nagowki tabeli
|| border=1 rules=cols frame=vsides
||! komórka 1 ||! komórka 2 ||! komórka 3 ||
||  komórka 1 ||  komórka 2 ||  komórka 3 ||
komórka 1komórka 2komórka 3
komórka 1komórka 2komórka 3

Jak zrobi zaawansowan tabel?

Zobacz table directives (dyrektywy tabel).

Moje tabele s domylnie wycentrowane. Gdy uywam '||align=left', one nie ukadaj si tak, jak oczekuj.

Prawdopodobnie uywasz Firefox-a. Uyj ||style="margin-left:0px;" zamiast '||align=left'.

Jak mog poda szerokoci kolumn?

Jak na razie, nie ma sposobu, by to zrobi podstawowymi znacznikami tabel. Potrzebujesz uy dyrektyw tabel.

Jak napisa podwójn kresk w tekcie w komórce uywajc podstawowych znaczników tabel?

Uyj &#124;&#124; aby pokazao si ||.

Edit - History - Print - Recent Changes - Search
Page last modified on September 10, 2011, at 04:36 PM