Help:Tables/sv


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

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

Sammanfattning av tabellmarkering

 * Alla markörer, förutom de dubbla  och , måste börja på ny rad för att kunna lägga till celler efter varandra på samma rad. Mellanslag i början av rader ignoreras däremot.
 * HTML-attribut. Alla markörer, förutom tabellslut, kan acceptera en eller fler HTML-attribut. Attributen måste vara på samma rad som markören och särskiljas från varandra med ett mellanslag.
 * Celler och titeln ( eller ,   eller  , och  ) har innehåll. Så alla attribut måste särskiljas 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 inget 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 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änds 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 separerade av  (två lodstreck). Om texten i en cell skulle innehålla en radbrytning, ska  användas 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;"|


 * }

Man kan även ha längre text eller mer komplex wikisyntax inuti tabellceller:

{| 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;"|


 * }

Tabelltitel
Man kan lägga till en titel i toppen av en tabell på följande sätt:

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

HTML, colspan och rowspan
Man 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
Man kan lägga till HTML-attribut i tabeller. För den auktoritativa 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
Man kan lägga attribut i enskilda celler. Nummer ser kanske, till exempel, 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;"|


 * }

Man kan också använda cell-attribut när man listar flera celler på samma rad. Notera att cellerna separeras av, och att inom varje cell separeras 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
Man 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 titeln och rubriker
Attribut kan läggas till i titeln 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. : då är det antagna värdet för   samma som för ,   och  . Den fjärde bredden är densamma och bildar en vanlig ram. Detta ä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 utan andra HTML-attribut.

Fyllning
{| 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 man hjälpa webbläsaren bestämma vilken rubrikcell som tillämpas till beskrivningen av valfri cell (för att upprepa dess innehåll i vissa hjälpverktyg) med hjälp av attributen scope="row" eller scope="col" i rubrikceller. För det mesta behöver man med enkla tabeller använda scope="col" i alla rubrikceller i den första raden och 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 och 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 man 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;"|


 * }

Och en centrerad tabell:

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


 * }

Tabell som svävar kring text
Om man 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. Man kan få texten att vecklas runt tabellen genom att få den att "sväva" runt texten istället för att fixera den. Det gör man med CSS-attributet, vilket anger 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.
 * }

Fixering av cellinnehåll
Man kan kontrollera fixeringen av cellinnehåll med 2 olika CSS-egenskaper:  och. kan anges i tabellen, på rader eller i individuella celler, medan  endast kan anges i individuella rader eller celler.

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


 * }

Negativa tal
Om man börjar en cell på en ny rad med ett negativt tal med ett minus-tecken (eller en parameter som värderar ett negativt tal) kan din tabell förstöras av att kombinationen  kommer parsas som wikimarkering för tabellrad och inte som tabellcell. 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.

Vanliga attribut för kolumner, kolumngrupper och radgrupper
MediaWikis syntax för tabeller erbjuder för tillfället inget stöd för att ange vanliga attribut för kolumner (med HTML-elementet ), kolumngrupper (HTML-element  ) eller radgrupper (HTML-elementen ,   och  ). Dessa standard HTML-element accepteras inte ens i deras HTML- eller XHTML-syntax.

Alla rader och celler (rubriker eller data) i tabellen renderas inom en enda uttalad radgrupp (HTML-element ) utan några attribut eller stilar.

Tabeller och VisualEditor (VE)

 * Se även: 

Se T108245: "Fully support basic table editing in the visual editor". Läs listan över uppgifter. Uppgifter som är färdiga stryks. Det kan vara svårt att räkna ut från det tekniska språkbruket där exakt vad som har förbättrats eller vad vilka funktioner som lagts till. Var god lägg till förklaringar nedan.

Kan nu flytta eller radera kolumner och rader
Klicka på en kolumn och radrubrik. Klicka sen på pilen. Klicka sen från popupmenyn på "Flytta" eller "Radera".

Skriv in blankrad eller kolumn
Klicka sedan från samma popupmeny på "Klistra in"

Kopiera tabell från webbsidor till VisualEditor
Det går att kopiera och klistra från en tabell direkt till VisualEditor (VE). Använd sandlådan för att göra det på ett säkert sätt och kontrollera att tabellen ser bra ut i wikitexten och visas ordentligt i VisualEditor och i förhandvisningarna.

Se även

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