Recent Changes - Search:

PmWiki

pmwiki.org

edit SideBar

https://www.jetphotos.com/photographer/598301 https://www.jetphotos.com/photographer/598304 https://www.jetphotos.com/photographer/598305 https://www.jetphotos.com/photographer/598307 https://www.jetphotos.com/photographer/598310 https://www.jetphotos.com/photographer/598312 https://www.jetphotos.com/photographer/598317 https://www.jetphotos.com/photographer/598318 https://www.jetphotos.com/photographer/598320 https://www.jetphotos.com/photographer/598321 https://www.jetphotos.com/photographer/598322 https://www.jetphotos.com/photographer/598324 https://www.jetphotos.com/photographer/598328 https://www.jetphotos.com/photographer/598340 https://www.jetphotos.com/photographer/598341 https://www.jetphotos.com/photographer/598346 https://www.jetphotos.com/photographer/598349 https://www.jetphotos.com/photographer/598357 https://www.jetphotos.com/photographer/598366 https://www.jetphotos.com/photographer/598372 https://www.jetphotos.com/photographer/598374 https://www.jetphotos.com/photographer/598378 https://www.jetphotos.com/photographer/600028 https://www.jetphotos.com/photographer/600031 https://www.jetphotos.com/photographer/600032 https://www.jetphotos.com/photographer/600034 https://www.jetphotos.com/photographer/600036 https://www.jetphotos.com/photographer/600037 https://www.jetphotos.com/photographer/600039 https://www.jetphotos.com/photographer/600041 https://www.jetphotos.com/photographer/600042 https://www.jetphotos.com/photographer/600045 https://www.jetphotos.com/photographer/600046 https://www.jetphotos.com/photographer/600047 https://www.jetphotos.com/photographer/600048 https://www.jetphotos.com/photographer/600050 https://www.jetphotos.com/photographer/600051 https://www.jetphotos.com/photographer/600052 https://www.jetphotos.com/photographer/600053 https://www.jetphotos.com/photographer/600055 https://www.jetphotos.com/photographer/600057 https://www.jetphotos.com/photographer/600641 https://www.jetphotos.com/photographer/600644 https://www.jetphotos.com/photographer/600645 https://www.jetphotos.com/photographer/600646 https://www.jetphotos.com/photographer/602231 https://www.jetphotos.com/photographer/602240 https://www.jetphotos.com/photographer/602244 https://www.jetphotos.com/photographer/602247 https://www.jetphotos.com/photographer/602261 https://www.jetphotos.com/photographer/602265 https://www.jetphotos.com/photographer/602279 https://www.jetphotos.com/photographer/602307 https://www.jetphotos.com/photographer/602315 https://www.jetphotos.com/photographer/602323 https://www.jetphotos.com/photographer/602340 https://www.jetphotos.com/photographer/602346 https://www.jetphotos.com/photographer/602741 https://www.jetphotos.com/photographer/602743 https://www.jetphotos.com/photographer/602744 https://www.jetphotos.com/photographer/602745 https://www.jetphotos.com/photographer/602746 https://www.jetphotos.com/photographer/602748 https://www.jetphotos.com/photographer/602749 https://www.jetphotos.com/photographer/602750 https://www.jetphotos.com/photographer/602757 https://www.jetphotos.com/photographer/602758 https://www.jetphotos.com/photographer/602762 https://www.jetphotos.com/photographer/602763 https://www.jetphotos.com/photographer/602764 https://www.jetphotos.com/photographer/602769 https://www.jetphotos.com/photographer/602770 https://www.jetphotos.com/photographer/602772 https://www.jetphotos.com/photographer/602773 https://www.jetphotos.com/photographer/602774 https://www.jetphotos.com/photographer/602775 https://www.jetphotos.com/photographer/601186 https://www.jetphotos.com/photographer/601188 https://www.jetphotos.com/photographer/601189 https://www.jetphotos.com/photographer/601191 https://www.jetphotos.com/photographer/601192 https://www.jetphotos.com/photographer/601194 https://www.jetphotos.com/photographer/601196 https://www.jetphotos.com/photographer/601197 https://www.jetphotos.com/photographer/601248 https://www.jetphotos.com/photographer/601249 https://www.jetphotos.com/photographer/601250 https://www.jetphotos.com/photographer/601251 https://www.jetphotos.com/photographer/601252 https://www.jetphotos.com/photographer/601254 https://www.jetphotos.com/photographer/601255 https://www.jetphotos.com/photographer/601256 https://www.jetphotos.com/photographer/601258 https://www.jetphotos.com/photographer/601260 https://www.jetphotos.com/photographer/601261 https://www.jetphotos.com/photographer/601263 https://www.jetphotos.com/photographer/601264 https://www.jetphotos.com/photographer/601265 https://www.jetphotos.com/photographer/601266 https://www.jetphotos.com/photographer/601267 https://www.jetphotos.com/photographer/601268 https://www.jetphotos.com/photographer/601269 https://www.jetphotos.com/photographer/601270 https://www.jetphotos.com/photographer/601272 https://www.jetphotos.com/photographer/601273 https://www.jetphotos.com/photographer/602779 https://www.jetphotos.com/photographer/602780 https://www.jetphotos.com/photographer/602781 https://www.jetphotos.com/photographer/602782 https://www.jetphotos.com/photographer/600111 https://www.jetphotos.com/photographer/600112 https://www.jetphotos.com/photographer/600148 https://www.jetphotos.com/photographer/600151 https://www.jetphotos.com/photographer/600155 https://www.jetphotos.com/photographer/600157 https://www.jetphotos.com/photographer/600159 https://www.jetphotos.com/photographer/600161 https://www.jetphotos.com/photographer/600163 https://www.jetphotos.com/photographer/600647 https://www.jetphotos.com/photographer/600648 https://www.jetphotos.com/photographer/600649 https://www.jetphotos.com/photographer/600650 https://www.jetphotos.com/photographer/602889 https://www.jetphotos.com/photographer/602890 https://www.jetphotos.com/photographer/602891 https://www.jetphotos.com/photographer/602895 https://www.jetphotos.com/photographer/602897 https://www.jetphotos.com/photographer/602900 https://www.jetphotos.com/photographer/602904 https://www.jetphotos.com/photographer/602907 https://www.jetphotos.com/photographer/602913 https://www.jetphotos.com/photographer/602916 https://www.jetphotos.com/photographer/602918 https://www.jetphotos.com/photographer/602922 https://www.jetphotos.com/photographer/602923 https://www.jetphotos.com/photographer/602925 https://www.jetphotos.com/photographer/602926 https://www.jetphotos.com/photographer/600534 https://www.jetphotos.com/photographer/600535 https://www.jetphotos.com/photographer/600536 https://www.jetphotos.com/photographer/600538 https://www.jetphotos.com/photographer/600539 https://www.jetphotos.com/photographer/600540 https://www.jetphotos.com/photographer/600542 https://www.jetphotos.com/photographer/600543 https://www.jetphotos.com/photographer/600544 https://www.jetphotos.com/photographer/600547 https://www.jetphotos.com/photographer/600548 https://www.jetphotos.com/photographer/600549 https://www.jetphotos.com/photographer/600550 https://www.jetphotos.com/photographer/600552 https://www.jetphotos.com/photographer/600553 https://www.jetphotos.com/photographer/600555 https://www.jetphotos.com/photographer/600558 https://www.jetphotos.com/photographer/600565 https://www.jetphotos.com/photographer/600566 https://www.jetphotos.com/photographer/600567 https://www.jetphotos.com/photographer/600568 https://www.jetphotos.com/photographer/600571 https://www.jetphotos.com/photographer/600573 https://www.jetphotos.com/photographer/600575 https://www.jetphotos.com/photographer/600576 https://www.jetphotos.com/photographer/600577 https://www.jetphotos.com/photographer/600578 https://www.jetphotos.com/photographer/600666 https://www.jetphotos.com/photographer/600668 https://www.jetphotos.com/photographer/600669 https://www.jetphotos.com/photographer/600670 https://www.jetphotos.com/photographer/602963 https://www.jetphotos.com/photographer/601276 https://www.jetphotos.com/photographer/601280 https://www.jetphotos.com/photographer/601281 https://www.jetphotos.com/photographer/601284 https://www.jetphotos.com/photographer/601285 https://www.jetphotos.com/photographer/601286 https://www.jetphotos.com/photographer/601287 https://www.jetphotos.com/photographer/601288 https://www.jetphotos.com/photographer/601291 https://www.jetphotos.com/photographer/601293 https://www.jetphotos.com/photographer/602776 https://www.jetphotos.com/photographer/602777 https://www.jetphotos.com/photographer/602955 https://www.jetphotos.com/photographer/602956 https://www.jetphotos.com/photographer/602957 https://www.jetphotos.com/photographer/602959 https://www.jetphotos.com/photographer/602960 https://www.jetphotos.com/photographer/602961

Tabeller

Enkle tabeller

PmWiki har to typer tabelopmærkning; opmærkningen beskrevet på denne side er brugbar til at lave enkle tabeller, med en masse smaå celler, mens opmærkning med tabeldirektiver hjælper med tabeller i større skala. For flere muligheder med tabelformatering, se Cookbook:Rowspan in simple tables og Cookbook:Formatting tables.

Tabeller laves ved at bruge dobbelte rørtegn: ||. Linjer der starter med denne opmærkning angiver rækker i en tabel, eller en formateringslinje. Inden for linjer med tabelrækker, bliver dobbeltrøret brugt til at afgrænse celler. I eksemplet herunder er der tilføjet en ramme for illustration (standarden er ingen ramme).

Første linje i opmærkningen indeholder kommandoer til at formatere tabellen. Den har kun dobbelt rørtegn i starten af linjen.

Enkel tabel
|| border=1
|| celle 1 || celle 2 || celle 3 ||
|| celle 1 || celle 2 ||
celle 1celle 2celle 3
celle 1celle 2

Overskriftceller kan laves ved at sætte et ! som første tegn i cellen. Bemærk at disse er tabeloverskrifter, ikke overskrifter, så man kan ikke bruge !!, !!!, osv.

Tabeloverskrifter
|| border=1
||! celle 1 ||! celle 2 ||! celle 3 ||
|| celle 1  ||  celle 2 ||  celle 3 ||
celle 1celle 2celle 3
celle 1celle 2celle 3

En tabel kan have en tabeltekst, angivet med ||!tabeltekst!||. En tabeltekst skal angives før andre rækker i tabellen.

Tabeltekst
|| border=1
||! En særlig tabel !||
||! celle 1 ||! celle 2 ||! celle 3 ||
|| celle 1  ||  celle 2 ||  celle 3 ||
En særlig tabel
celle 1celle 2celle 3
celle 1celle 2celle 3

Formatering af celleindhold

Celleindhold kan justeres til venstre, centreret, eller til højre.

  • For at venstrejustere indhold, placer celleindholdet ved siden af de indledende ||.
  • For at centrere indhold, tilføj et mellemrum før og efter celleindholdet.
  • For at højrejustere indhold, placer et mellemrum før celleindholdet, og sørg for at der ikke er nogle mellemrum mellem celleindholdet og de afsluttende ||.
Cellejustering
|| border=1 width=100%
||!celle 1      ||! celle 2  ||!       celle 3||
||venstrejusteret || centreret || højrejusteret||
celle 1celle 2celle 3
venstrejusteretcentrerethøjrejusteret
Standard cellejustering
|| border=1 width=100%
||!cellestandard||!celle til venstre ||
||standardjusteret||venstrejusteret ||
cellestandardcelle til venstre
standardjusteretvenstrejusteret

Bemærk at overskriftceller og detaljecelle har forskellige standardjusteringer.

For at få en selle til at strække sig over flere kolonner, efterfølg cellen med tomme celler. (I øjeblikket er der ingen opmærkning til at strække celler over flere rækker.)

Kolonnestrækning
|| border=1 width=100%
|| |||| højre kolonne ||
|| || midterste kolonne ||||
|| venstre kolonne ||||||
|| venstre kolonne || midterste kolonne || højre kolonne ||
 højre kolonne
 midterste kolonne
venstre kolonne
venstre kolonnemidterste kolonnehøjre kolonne

Tabelattributter

En linje der starter med ||, men som ikke har en afsluttende ||, indstiller tabelattributterne, for enhver efterfølgende tabel. Disse attributter kan styre tabellens størrelse og placering, rammer, baggrundsfarve, og celleafstand. (Faktisk er disse blot standard HTML-attributter, som placeres i <table>-mærket.)

Brug attributten width= til at indstille tabellens bredde, enten ved at bruge en procentværdi, en absolut størrelse, eller *.

Tabelbredde
|| border=1 width=100% 
|| celle 1 || celle 2 || celle 3 ||
|| c1 || cellecellecellecelle2 || celle 3 ||
celle 1celle 2celle 3
c1cellecellecellecelle2celle 3

Attributten border= indstiller rammernes størrelse i tabellen.

Indrammet tabel
|| border=10 width=70%
||!celle 1      ||! celle 2  ||!       celle 3||
||venstrejusteret || cantreret || højrejusteret||
celle 1celle 2celle 3
venstrejusteretcantrerethøjrejusteret
Rammeløs tabel
|| border=0 width=70%
||!celle 1      ||! celle 2  ||!       celle 3||
||venstrejusteret || centreret || højrejusteret||
celle 1celle 2celle 3
venstrejusteretcentrerethøjrejusteret

Brug align=center, align=left, og align=right til at centrere, venstre- eller højrejustere en tabel. Bemærk at align=left og align=right laver en flydende tabel, så tekst ombrydes omkring tabellen.

Tabeljustering: center
|| border=1 align=center width=50%
||!celle 1      ||! celle 2  ||!       celle 3||
||venstrejusteret || centreret || højrejusteret||
Bemærk hvordan tekst ikke ombrydes omkring en tabel der bruger "align=center".
celle 1celle 2celle 3
venstrejusteretcentrerethøjrejusteret

Bemærk hvordan tekst ikke ombrydes omkring en tabel der bruger "align=center".

Tabeljustering: venstre
|| border=1 align=left width=50%
||!celle 1      ||! celle 2  ||!       celle 3||
||venstrejusteret || centreret || højrejusteret||
Bemærk hvordan tekst ombrydes til højre omkring en tabel der bruger "align=left".
celle 1celle 2celle 3
venstrejusteretcentrerethøjrejusteret

Bemærk hvordan tekst ombrydes til højre omkring en tabel der bruger "align=left".

Tabeljustering: højre
|| border=1 align=right width=50%
||!celle 1      ||! celle 2  ||!       celle 3||
||venstrejusteret || centreret || højrejusteret||
Bemærk hvordan tekst ombrydes til venstre omkring en tabel der bruger "align=right".
celle 1celle 2celle 3
venstrejusteretcentrerethøjrejusteret

Bemærk hvordan tekst ombrydes til venstre omkring en tabel der bruger "align=right".

Bemærk: at få en tabel til at venstrejustere (men ikke "flyde til venstre") kræver CSS, som i

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

Attributten bgcolor= indstiller en tabels baggrundsfarve. I øjeblikket er der ingen måde at indstille farven på individuelle rækker eller celler i denne type tabel (men se Cookbook:FormattingTables).

|| border=1 align=center bgcolor=yellow width=70%
||!celle 1    ||! celle 2 ||!     celle 3||
||venstrejuster || centrere  || højrejuster||
celle 1celle 2celle 3
venstrejustercentrerehøjrejuster

Hvordan laver jeg en enkel tabel?

Tabeller laves ved at bruge dobbelte rørtegn: ||. Linjer der starter med denne opmærkning angiver rækker i en tabel; inden for sådanne linjer bruges dobbeltrøret til at afgrænse celler. I eksemplerne herunder er der tilføjet en ramme for illustration (standarden er ingen ramme).

Enkel tabel
|| border=1 rules=rows frame=hsides
|| celle 1 || celle 2 || celle 3 ||
|| celle 1 || celle 2 || celle 3 ||
celle 1celle 2celle 3
celle 1celle 2celle 3

Hvordan laver jeg celleoverskrifter?

Overskriftceller kan laves ved at sætte ! som det første tegn i en celle. Bemærk at disse er tabeloverskrifter, ikke overskrifter, så man kan ikke bruge !!, !!!, osv.

Tabeloverskrifter
|| border=1 rules=cols frame=vsides
||! celle 1 ||! celle 2 ||! celle 3 ||
|| celle 1  ||  celle 2 ||  celle 3 ||
celle 1celle 2celle 3
celle 1celle 2celle 3

Hvordan får jeg en tabel med tynde linjer og mere afstand til indholdet?

"Tynde linjer" er finurlige og afhænger af browseren, men følgende virker i Firefox og IE (Nov. 2009):

Tynde linjer og celleafstand
||border="1" style="border-collapse:collapse" cellpadding="5" width=66%
||!Overskrift ||! Overskrift || '''Overskrift'''||
||celler   ||  med   ||      afstand||
||         ||        ||             ||
OverskriftOverskriftOverskrift
cellermedafstand
   

Hvordan laver jeg en avanceret tabel?

Se tabeldirektiver

Mine tabeller er som standard centreret. Når jeg prøver at bruge '||align=left' bliver de ikke ventrejusteret som forventet.

Brug ||style="margin-left:0px;" i stedet.

Hvordan kan jeg angive kolonners bredde?

Du kan angive bredderne med brugerdefineret typografi, se Cookbook:FormattingTables og $TableCellAttrFmt. Tilføj i config.php : $TableCellAttrFmt = 'class=col$TableCellCount';

Og tilføj i pub/css/local.css :
table.column td.col1 { width: 120px; }
table.column td.col3 { width: 40px; }

Hvordan kan jeg vise et dobbelt rør "||" i celletekst, ved at bruge enkel tabelopmærkning?

Undvig det med [=||=] for uændret at vise ||.

Hvordan anvender jeg typografi for elementer i tabellen, som en ID til tabelrækken, eller en class/style til en TD?

Se $WikiStyleApply.


Oversættelse af PmWiki.Tables - Original side på PmWikiDa.Tables - Backlinks
Sidste ændringer:
PmWikiDa.Tables: 2014-10-28 14:05
PmWiki.Tables: 2022-10-22 18:02

Edit - History - Print - Recent Changes - Search
Page last modified on October 28, 2014, at 02:05 PM