Help:Tables/ca


 * Taules redirigeix aquí; per informació referent a l'estructura de les taules de la base de dades, vegeu.

Les taules poden ser creades en pàgines wiki. Com a regla general, el millor és evitar l'ús d'una taula tret que realment es necessiti, doncs la inclusió de taules complica l'edició de la pàgina.



Sumari de format de taules en codi wiki

 * Les marques anteriors han de començar en una nova línia excepte els dobles  i   per opcionalment afegir cel·les consecutives en una mateixa línia. No obstant això, els espais en blanc a l'inici d'una línia s'ignoren.
 * Atributs HTML. Cada marca, excepte el final de la taula, opcionalment accepta un o més atributs HTML. Els atributs han de ser en la mateixa línia que la marca. Separeu els atributs amb un espai senzill.
 * Cel·les i títol ( o ,   o  , i  ) pel contingut. Separeu qualsevol atribut del contingut amb una barra simple . El contingut de la cel·la pot seguir en la mateixa línia o en les línies següents.
 * Les marques de taula i fila ( i  ) no poden contenir contingut directament. No afegiu la barra  després dels atributs opcionals. Si per error afegiu una barra després dels atributs per a una marca de taula o una marca de fila, l'analitzador l'eliminarà i l'atribut final, si n'hi ha, s'aplicarà a la barra incorrecta
 * El contingut pot (a) seguir a la seva pròpia marca de cel·la en la mateixa línia després de qualsevol atribut HTML opcional, o (b) en les línies sota de la marca de la cel·la. Un contingut que utilitzi codi wiki i que necessiti iniciar-se en una nova línia, com llistes, encapçalaments o taules aniuades, ha d'estar en la seva pròpia línia nova.
 * Caràcter de barra com a contingut. Per a inserir un caràcter de barra en una taula, utilitzeu el marcatge d'escapament.

Conceptes bàsics


Crear una taula amb barra d'eines d'editor
A l'editor de codi wiki, col·loqueu el cursor on voleu inserir una taula. A continuació, a la barra d'eines, premeu "$1" i, a continuació, trieu el botó $2. Then, in the toolbar, press “”, then choose  button. S'obre un diàleg.

Des del diàleg, podeu triar si voleu habilitar una fila de capçalera de taula, estilitzar la taula amb una vora i fer que la taula sigui ordenable. Es mostra un exemple de vista prèvia. També podeu establir el recompte de files i columnes que necessiteu. A continuació, premeu el botó "".

Per defecte, es genera el codi següent: Cod wiki: { | class="wikitable" style="margin:auto" |+ |- !  !!  !!  |- |  ||  ||  |- |  ||  ||  |- |  ||  ||  |} Resultat:



Sintaxi mínima
La següent taula no té vores i ni un bon espaiat, però mostra l'estructura de taula en el format wiki més simple.

Les cel·les de la mateixa fila poden llistar-se en una línia separant-les amb  (dues barres verticals). Si el text a la cel·la ha de contenir un salt de línia, pode utilitzar també.

Els espais extres entre cel·les en "codi wiki", com en el mostrat a sota, no afecta el disseny de la taula.

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

També podeu tenir textos més llargs o sintaxi wiki més complexa dins de les cel·les:

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



Encapçalaments d'una taula
Els encapçalaments de la taula poden ser creats utilitzant el símbol de exclamació " " en comptes de la barra vertical " ". Els encapçalaments normalment es mostren, per defecte, en negreta i centrats.

Títol
Es pot afegir un títol per la taula al capdamunt de qualsevol taula com es mostra a continuació.

class="wikitable"
Un estil bàsic (fons gris clar, vores, espaiat entre cel·les i alineació a l'esquerra) es poden aconseguir afegint la classe wikitable (class="wikitable")



Combinació HTML de cel·les en columnes o files
Podeu utilitzar els atributs HTML colspan i rowspan a les cel·les per a realitzar combinacions de cel·les en un disseny avançat.



Atributs HTML
Podeu afegir atributs HTML a les taules. Per obtenir la font d'autorització sobre atributs HTML, consulteu la pàgina d'Especificació HTML del W3C sobre les taules.



Atributs en les taules
Si es col·loquen atributs després del codi d'inici de la taula, s'aplicaran a tota la taula



Atributs en les cel·les
Podeu incloure atributs en cel·les individuals. Per exemple, podeu fer que els números estiguin correctament alineats a la dreta.

{| style="width:100%" ! style="width: 50%;"| Si escriviu ! style="width: 50%;"| Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

També podeu utilitzar atributs de cel·la quan estigueu posant diverses cel·les en una sola línia. Cal observar que les cel·les se separen amb  i dins de cada cel·la els atributs i valors se separen amb.

{| style="width:100%" ! style="width: 50%;"| Si escriviu ! style="width: 50%;"| Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



Atributs en les files
També podeu posar atributs en files individuals.

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }



Atributs pel títol i els encapçalaments
Es poden afegir atributs als encapçalaments i als títols com s'indica a continuació.



Amplada de la vora
Si "border-width:" només té un número, aquest s'aplica per als quatre costats de la vora:

{| style="width:100%" ! style="width:50%" | Si escriviu ! style="width:50%" | Obteniu
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Si "border-width:" té més d'un número, els quatre números són per part superior, dreta, baix, esquerra (RECORDEU en el sentit de les agulles del rellotge en &uarr;&rarr;&darr;&larr;):

{| style="width:100%" ! style="width:50%" | Si escriviu ! style="width:50%" | Obteniu
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }


 * Quan hi ha menys que 4 valors:
 * amb tres valors, per exemple,,  ,  : el valor per defecte de   és el de   (segon valor). L'amplada és la mateixa a la part esquerra i dreta.
 * amb dos valors, per exemple,,  : el valor per defecte per   és el de   (primer valor), i per defecte per   s'assigna el valor de   (segon valor). L'amplada de la part de dalt és igual a la de baix; l'amplada a l'esquerra és la mateixa que a la dreta.
 * amb un valor, per exemple, : el valor per defecte de   és el de   i és el mateix per a   i  . El quatre amples són els mateixos i construeixen una vora regular. Aquesta és una drecera d'escriptura.

Un altre mètode per definir l'amplada dels quatre costats d'una cel·la és utilitzar "border-left", "border-right", "border-top" i "border-bottom": {| style="width:100%" ! style="width:50%" | Si escriviu ! style="width:50%" | Obteniu
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }



Amb atributs d'HTML i estils CSS
És possible afegir atributs d'estil, amb o sense altres atributs HTML.

Marges pel contingut de la cel·la
It represents the internal margin between the contents and the border of the cell. {| style="width:100%;" ! style="width: 50%;"| Si escriviu ! style="width: 50%;"| Obteniu
 * -valign=top
 * style="padding:10px" |


 * }



Amplada de columna
L'amplada de columna es pot afegir de la següent manera.

Si escriviu

Obteniu



Accessibilitat de les cel·les d'encapçalament de la taula
Les cel·les de l’encapçalament de la taula no especifiquen explícitament a quines cel·les de dades de la taula s’apliquen (les de la seva dreta en la mateixa fila o les que estan a sota de la mateixa columna). Quan la taula es mostra en un entorn visual 2D, normalment és fàcil d'inferir.

Tanmateix, quan es mostren les taules en suports no visuals, podeu ajudar el navegador a determinar quina cel·la de l’encapçalament de la taula s’aplica a la descripció de qualsevol cel·la seleccionada (per tal de que algun assistent d’accessibilitat repeteixi el seu contingut) mitjançant els atributs scope="row" o scope="col" a les cel·les de capçalera de la taula. En la majoria dels casos amb taules simples, utilitzeu scope="col" a totes les cel·les de capçalera de la primera fila i scope="row" a la primera cel·la de les files següents:

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Alineació
<span id="Table_alignment">

Alineació de la taula
L’alineació de la taula s’estableix mitjançant CSS. L’alineació de la taula està controlada pels marges. Un marge fix en un costat farà que la taula estigui alineada amb aquest costat, si al costat oposat el marge es defineix com a "automàtic". Per tenir una taula alineada al centre, hauríeu de definir els dos marges com a "auto"

Per exemple, una taula alineada a la dreta:

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
 * }

I una taula alineada al centre:

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
 * }

<span id="Table_floating_around_text">

Taula flotant al voltant del text
Si alineeu una taula a la part dreta o esquerra de la pàgina, el text que surt després de la taula s’inicia al final d’aquesta, deixant un espai buit al voltant de la taula. Podeu fer que el text aparegui al voltant de la taula fent que la taula "floti" al voltant del text en lloc d'alinear-la. Això pot ser aconseguit utilitzant l'atribut de CSS, els qual pot especificar si taula flota al costat dret o l'esquerre. Quan s'utilitza float, els marges no controlen l'alineació de la taula i es poden utilitzar per especificar el marge entre la taula i el text circumdant.

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * style="padding: 5px;"|

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
 * }

<span id="Cell_contents_alignment">

Alineació del contingut de la cel·la
L’alineació del contingut de les cel·les es pot controlar amb dues propietats CSS diferents:  i. El  es pot especificar per la taula, una fila o cel·les individuals, mentre que   només es pot especificar per les files o cel·les individuals.

{| style="width:100%" ! style="width: 50%;"|Si escriviu ! style="width: 50%;"|Obteniu
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Advertències
<span id="Negative_numbers">

Números negatius
Si inicieu una cel·la en una nova línia amb un número negatiu amb un signe menys (o un paràmetre que s’avalua a un nombre negatiu), la taula es pot trencar, ja que els caràcters  seran analitzats com a marca wiki per a la fila de taula, no per a la cel·la de taula. Per evitar-ho, inseriu un espai abans del valor o utilitzeu la marca de cel·les en línia.

<span id="CSS_vs_attributes">

CSS vs atributs
Les vores de la taula especificades a través de CSS en lloc de l’atribut de la vora es mostren de forma incorrecta en un petit subconjunt de navegadors de text.

<span id="Common_attributes_for_columns,_column_groups_and_row_groups">

Atributs comuns per columnes, grups de columnes i grups de files
La sintaxi de MediaWiki per a taules actualment no ofereix cap suport per especificar atributs comuns per a columnes (amb l’element HTML ), grups de columnes (element HTML <colgroup ></colgroup>) i grups de files (elements HTML <thead ></thead>, <tbody ></tbody> i <tfoot ></tfoot>). Aquests elements HTML estàndards no s’accepten ni en la sintaxi HTML o XHTML.

Totes les files i cel·les (capçalera o dades) de la taula es mostren dins d’un únic grup de files implícit (element HTML <tbody ></tbody>) sense atributs o estils.

<span id="Tables_and_the_Visual_Editor_(VE)">

Taules i l'Editor Visual (EV)

 * Vegeu també: 

Vegeu T108245: "Fully support basic table editing in the visual editor". Consulteu la llista de tasques. Les tasques finalitzades estan struck. Pot ser difícil esbrinar del llenguatge tècnic allà què hi ha millorat exactament o quines funcions s’han afegit. Afegiu a continuació la informació explicativa.

<span id="Can_now_move_or_delete_columns_and_rows">

Per moure o suprimir columnes i files
Cliqueu en un encapçalament de columna o de fila. Llavors cliqueu en la fletxa. Al menú emergent, feu clic a "Moure" o "Suprimeix".

<span id="Insert_blank_row_or_column">

Per inserir una fila o columna en blanc
Des del mateix menú emergent, cliqueu a "Insereix".

<span id="Copy_table_from_web_page_to_Visual_Editor">

Per copiar una taula d'una pàgina web amb l'Editor Visual
És possible de copiar i enganxar una taula d'una pàgina web directament amb l'Editor Visual (EV). Per fer-ho de manera segura, utilitzeu una caixa de sorra i comproveu que la taula tingui una codificació adequada en el mode editor de codi i una visualització adequada en l'editor visual i en el mode de previsualització.

<span id="Helping_tools">

Eines d'ajuda

 * Excel2Wiki us permet copiar un full d'estils des d'Excel, Apache OpenOffice, LibreOffice o Gnumeric per convertir-lo en una taula de codi wiki.

<span id="See_also">

Vegeu també

 * Ordenant files d'una taula
 * m:Help:Sorting
 * ca:Ajuda:Taules
 * Eina fàcil que ajuda a generar taules