Taules

Taules bàsiques

PmWiki té dos tipus de sintaxi per a les taules; la que es descriu en aquesta pàgina és útil per a crear taules simples amb moltes cel·les, mentre que la directiva de taules és de gran ajuda amb taules de gran escala. Si voleu ampliar coneixements sobre donar format a les taules, vegeu Cookbook:Rowspan in simple tables i Cookbook:Formatting tables.

Les taules es creen usant dos barres verticals: ||. Les línies que comencen amb aquesta marca indiquen files d'una taula, o una línia de format. A dintre de les línies que indiquen files d'una taula, les barres verticals dobles delimiten les cel·les. Als exemples de sota, s'ha afegit una vora per tal d'il·lustrar-ho millor (per defecte les taules no tenen bora).

La primera línia conté ordres per a donar format a la taula. Només té barres verticals dobles al principi de la línia.

|| border=1
|| cel·la 1 || cel·la 2 || cel·la 3 ||
|| cel·la 1 || cel·la 2 ||

Es poden crear cel·les d'encapçalament col·locant ! com a primer caràcter d'una cel·la. Fixeu-vos que açò produeix capçaleres per a les taules, no pas encapçalaments normals, per tant no és extensible a !!, !!!, etc.

|| border=1
||! cel·la 1 ||! cel·la 2 ||! cel·la 3 ||
|| cel·la 1  ||  cel·la 2 ||  cel·la 3 ||

Una taula pot tenir un peu, indicat amb ||!peu de taula!||. Un peu ha d'apareixer necessàriament abans que qualsevol fila de la taula.

|| border=1
||! Una taula especial !||
||! cel·la 1 ||! cel·la 2 ||! cel·la 3 ||
|| cel·la 1  ||  cel·la 2 ||  cel·la 3 ||

Formatar els continguts de les cel·les

Els continguts d'una cel·la poden alinear-se a l'esquerra, centrar-se, o alinear-se a la dreta.

• Per alinear a l'esquerra els continguts, col·loqueu els continguts junt a les || inicials.
• Per a centrar els continguts, afegiu un espai al davant i al darrere dels continguts de la cel·la.
• Per a alinear a la dreta els continguts, Col·loqueu un espai al davant dels continguts de la cel·la i deixeu els continguts apegats (sense espais de per mig) a les || finals.

|| border=1 width=100%
||!cel·la 1      ||! cel·la 2  ||!       cel·la 3||
||alineat a l'esquerra || centrart || alineat a la dreta||

|| border=1 width=100%
||!Alineat per defecte||!Alineat a l'esquerra ||
||alineat per defecte||alienat a l'esquerra ||

Fixeu-vos que l'alineament per defecte de les cel·les d'encapçalament i les cel·les normals difereix.

Per a que una cel·la s'expandeixi per diverses columnes, prosseguiu la cel·la amb cel·les buides. (Ara per ara no hi ha cap marca per a expandir les files.)

|| border=1 width=100%
|| |||| columna dreta ||
|| || columna central ||||
|| columna esquerra ||||||
|| columna esquerra || columna central || columna dreta ||

Atributs per a les taules

Qualsevol línia que comença amb || però no té unes || al final, defineix els atributs de la taula per a qualsevol taula posterior. Aquests atributs poden controlar la mida i la posició de la taula, bora, color de fons, i espaiat entre les cel·les. (De fet, aquests són atributs HTML estàndards que s'estableixen a l'etiqueta <table>.)

Feu servir l'atribut width= per a establir l'amplada de la taula, bé fent servir un valor en percentatge, una mida absoluta, o *.

|| border=1 width=100% 
|| cel·la 1 || cel·la 2 || cel·la 3 ||
|| c1 || cel·lacel·lacel·lacel·la2 || cel·la 3 ||

L'atribut border= defineix la mida de les bores de la taula.

|| border=10 width=70%
||!cel·la 1      ||! cel·la 2  ||!       cel·la 3||
||alineat a l'esquerra || centrat || alineat a la dreta||

|| border=0 width=70%
||!cel·la 1      ||! cel·la 2  ||!       cel·la 3||
||alineat a l'esquerra || centrat || alineat a la dreta||

Feu servir align=center, align=left, i align=right per a centrar, alinear a l'esquerra, o alinear a la dreta una taula. Fixeu-vos que align=left i align=right creen una taula flotant, així que el text es talla al voltant de la taula.

|| border=1 align=center width=50%
||!cel·la 1      ||! cel·la 2  ||!       cel·la 3||
||alineat a l'esquerra || centrat || alineat a la dreta||
Fixeu-vos que el text no es talla envoltant la taula alineant-la al centre amb "align=center".

|| border=1 align=left width=50%
||!cel·la 1      ||! cel·la 2  ||!       cel·la 3||
||alineat a l'esquerra || centrat || alineat a la dreta||
Fixeu-vos com el text es talla al costat dret de la taula amb "align=left".

|| border=1 align=right width=50%
||!cel·la 1      ||! cel·la 2  ||!       cel·la 3||
||alineat a l'esquerra || centrat || alineat a la dreta||
Fixeu-vos com el text es talla al costat esquerre de la taula amb "align=right".

Nota: per tal d'aconseguir que una taula s'alineï a l'esquerra (sense "float left") és necessari usar CSS, per exemple així:

L'atribut bgcolor= estableix el color de fons d'una taula. Ara per ara, en aquest tipus de taules no hi ha manera d'especificar el color d'una fila o de cel·les individuals (però vegeu Cookbook:FormattingTables).

|| border=1 align=center bgcolor=yellow width=70%
||!cel·la 1    ||! cel·la 2 ||!     cel·la 3||
||alineat a l'esquerra || centrat  || alineat a la dreta||

|| border=1 rules=rows frame=hsides
|| cel·la 1 || cel·la 2 || cel·la 3 ||
|| cel·la 1 || cel·la 2 || cel·la 3 ||

|| border=1 rules=cols frame=vsides
||! cel·la 1 ||! cel·la 2 ||! cel·la 3 ||
|| cel·la 1  ||  cel·la 2 ||  cel·la 3 ||

||border="1" style="border-collapse:collapse" cel·lapadding="5" width=66%
||!Capçalera ||! Capçalera || '''Capçalera'''||
||cel·les   ||  amb   ||      emplenat||
||        ||         ||             ||

table.column td.col1 { width: 120px; }
table.column td.col3 { width: 40px; }

Traducció de PmWiki.Tables - Pàgina original a PmWikiCa.Tables - Backlinks