Help:Tables/sv


 * Tables omdirigerar hit; för information om databasers tabellstrukturer, läs.

Tabeller kan skapas i wikisidor, men som en tumregel är det bäst att undvika dem så länge man inte behöver en då tabellmarkering oftast komplicerar redigering.

Sammanfattning av tabellmarkering

 * Alla markörer ovan, förutom de dubbla  och , måste börja på ny rad för att kunna lägga till celler efter varandra i följd. Mellanslag i början av rader ignoreras däremot.
 * HTML-attribut. Varje markör, förutom tabellslut, kan acceptera en eller fler HTML-attibut . Attribut måste vara på samma rad som markören. Särskilj attribut från varandra med ett mellanslag.
 * Celler och bildtext ( eller ,   eller  , och  ) har innehåll. Så särskilj varje attribut från innehåll med ett lodstreck . Cellinnehåll kan följa på samma rad eller på följande rader.
 * Tabell- och radmarkörer ( och  ) innehåller inte direkt innehåll. Lägg inte till lodstreck  efter deras valfria attribut. Skulle du av misstag lägga till ett lodstreck efter attribut för tabellmarkören eller radmarkören kommer parsern radera det och ditt sista attribut om det av misstag rör det felaktiga lodstrecket!
 * Innehåll kan (a) följa sin cellmarkör på samma rad efter valfria HTML-attribut eller (b) på rader under cellmarkören. Innehåll som använder wikimarkering som i sig självt behöver börja på en ny rad, som listor, rubriker eller inkapslade mallar, måste börja på en egen ny rad.
 * Lodstreck som innehåll. För att skriva ett lodstreck i en tabell, använd markeringen &lt;nowiki&gt; &lt;/nowiki&gt;.

Grunderna
Följande tabell saknar ramar och bra avstånd men visar en enklare wikimarkeringsstruktur.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Cellerna på samma rad kan listas på en rad särskilda av  (två lodstreck). Om texten i en cell skulle innehålla en radbrytning, använd  istället.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Extra mellanrum inom celler i wikimarkeringen, som i wikimarkeringen nedan, påverkar inte själva tabellens utseende.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Du kan ha längre text eller mer komplex wikisyntax inuti tabellceller också:

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Tabellrubriker
Tabellrubriker kan skapas med " " (utropstecken) istället för " " (lodstreck). Rubriker visas oftast i fettext och centreras som standard.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Bildtext
En tabelltext kan läggas till i toppen av en tabell på följande sätt:

class="wikitable"
Grundläggande design (ljusgrå bakgrund, ram, spaltfyllnad och justerad till vänster) kan uppnås genom att lägga till class="wikitable".

HTML, colspan och rowspan
Du kan använda HTML-attributen colspan och rowspan i celler för avancerad utformning.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

HTML-attribut
Du kan lägga till HTML-attribut i tabeller. För den auktoritära källan för HTML-attribut, läs W3C:s HTML-specifikationer för tabeller.

Attribut i tabeller
Attribut placerade efter tabellens inledande tagg tillämpas i hela tabellen.

{| style="width:100%" ! style="width: 50%;"| Inmatning ! style="width: 50%;"| Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Attribut i celler
Du kan lägga attribut i enskilda celler. Till exempel, nummer kanske ser bättre ut justerade till höger.

{| style="width:100%" ! style="width: 50%;"| Inmatning ! style="width: 50%;"| Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Du kan också använda cell-attribut när du listar flera celler på samma rad. Notera att cellerna särskiljs av, och att inom varje cell särskiljs attributen och värdena av.

{| style="width:100%" ! style="width: 50%;"| Inmatning ! style="width: 50%;"| Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Attribut i rader
Du kan också lägga attribut i enskilda rader.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Attribut i tabelltext och rubriker
Attribut kan läggas till i tabelltexten och rubriker på följande sätt.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Enkel tabellram på en pixel
Ett exempel på en tabellram med en pixel:

{| style="width:100%" ! style="width:50%" | Inmatning ! style="width:50%" | Resultat
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Rambredd
Om "border-width:" bara har ett nummer, fungerar den för alla fyra sidor: {| style="width:100%" ! style="width:50%" | Inmatning ! style="width:50%" | Resultat
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Om "border-width:" har fler än ett nummer, står de fyra numren för topp, höger, nedre, vänster (KOM IHÅG ordningen som medurs &uarr;&rarr;&darr;&larr;):

{| style="width:100%" ! style="width:50%" | Inmatning ! style="width:50%" | Resultat
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }


 * När det finns färre än 4 värden:
 * tre värden t.ex.,  ,  : då är det antagna värdet för   samma som   (det andra värdet). Bredden är då detsamma på höger och vänster sida.
 * två värden t.ex.,  : då är det antagna värdet för   samma som   (det första värdet), och   får samma värde som   (det andra värdet). Bredden i toppen är detsamma som i botten; bredden till vänster 'r detsamma som till höger.
 * ett värde tex. $val: då är det antagna värdet för  samma som för   och även   och  . Den fjärde bredden är detsamma bildar en regelbunden ram. Följande är en genväg.

En annat sätt att definiera bredden för de fyra sidorna i en cell är att använda "border-left", "border-right", "border-top" och "border-bottom": {| style="width:100%" ! style="width:50%" | Inmatning ! style="width:50%" | Resultat
 * style="padding: 5px;" |
 * style="padding: 5px;" |
 * style="padding: 20px;"|


 * }

Med HTML-attribut och CSS-stilar
-stilattribut kan läggas till med eller utom andra HTML-attribut.

Spaltfyllnad
{| style="width:100%;" ! style="width: 50%;"| Inmatning ! style="width: 50%;"| Resultat
 * -valign=top
 * style="padding:10px" |


 * }

Kolumnbredd
Kolumnbredd kan läggas till på följande sätt.

Inmatning:

Resultat:

Tillgänglighet av rubrikceller i tabeller
Rubrikceller anger inte uttryckligen vilka tabelldataceller de tillämpas på (de till höger på samma rad eller de under dem i samma kolumn). När tabellen renderas i en visuell 2D-miljö är det oftast bäst att inte blanda sig i.

När tabeller däremot renderas i icke-visuell media kan du hjälpa webbläsaren bestämma vilken tabelldatacell som tillämpas till beskrivningen av valfri cell (för att upprepa dess innehåll i tillgänglighetshjälpare) med hjälp av attributen scope="row" eller scope="col" i rubrikceller. För det mesta med enkla tabeller behöver du använda scope="col" i alla rubrikceller i den första raden, scope="row" i den första cellen på följande rader:

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Fixera tabeller
Tabeller kan fixeras med CSS. Tabellfixering kontrolleras av marginaler. En fast marginal på den ena sidan fixerar tabellen till den sidan, om marginalen på den andra sidan definierats som "auto". För att fixera en tabell i mitten ska du sätta båda marginalerna på "auto".

Till exempel, en högerfixerad tabell:

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Lägg till en tabell med center-align :

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Tabell som flyter kring text
Om du fixerar tabellen till höger eller till vänster på sidan, kommer texten efter tabellen att börja i slutet av den, vilket lämnar en tomt utrymme runt tabellen. Du kan göra så att texten vecklas runt tabellen genom att göra så att tabellen "svävar" runt texten istället för att fixera den. Detta kan uppnås via CSS-attributet, vilket kan ange var tabellen svävar, till vänster eller till höger. När man använder "float", kontrollerar inte marginaler tabellfixeringar och kan användas för att ange marginalen mellan tabellen och den omgivande texten.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * 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.
 * }

Cell contents alignment
The alignment of cell contents can be controlled with 2 different CSS properties:  and. can be specified at the table, row or individual cells, while  only can be specified at individual rows or cells.

{| style="width:100%" ! style="width: 50%;"|Inmatning ! style="width: 50%;"|Resultat
 * style="padding: 5px;"|
 * style="padding: 5px;"|
 * style="padding: 5px;"|


 * }

Negativa tal
Om du börjar en cell på en ny rad med ett negativt tal och ett minus-tecken (eller en parameter som värderar ett negativt tal) kan din tabell förstöras för att tecknen  kommer parsas som wikimarkeringen för tabellraden, inte tabellcellen. För att undvika detta kan man lägga in ett mellanrum innan värdet eller använda cellmarkering på raden.

CSS gentemot attribut
Tabellramar som utformats via CSS och inte i ramattribut kommer visas på fel sätt i vissa webbläsare.

Common attributes for columns, column groups and row groups
The MediaWiki syntax for tables currently offers no support for specifying common attributes for columns (with the HTML element ), column groups (HTML element  ) and row groups (HTML elements ,   and  ). Those standard HTML elements are not accepted even in their HTML or XHTML syntax.

All the rows and cells (header or data) of the table are rendered within a single implicit row group (HTML element ) without any attributes or styles.

Tabeller och VisualEditor (VE)

 * Se även: 

Se T108245: "Fully support basic table editing in the visual editor". See the list of tasks. Finished tasks are struck. It can be difficult to figure out from the technical language there what exactly has been improved, or what features have been added. Please add explanatory info below.

Can now move or delete columns and rows
Click on a column or row header. Then click on the arrow. From the popup menu click on "Move" or "Delete".

Insert blank row or column
From the same popup menu click on "Insert".

Copy table from web page to Visual Editor
It is possible to copy and paste a table from a web page directly into the Visual Editor (VE). To do so safely, use a sandbox and check the table for proper coding in wikitext source mode and proper display in the Visual Editor and in preview mode.

Se även

 * Sortera rader i en tabell
 * m:Help:Sorting/sv
 * sv:Wikipedia:Tabeller
 * Enkla verktyg som gör det enklare att skapa tabeller