Juhend:Tabelite tegemine: erinevus redaktsioonide vahel

Eemaldatud sisu Lisatud sisu
Resümee puudub
Resümee puudub
23. rida:
 
2. Süntaksi eeskiri:
*tabel algab märkidega <ttsamp>{|<tt/samp>, millele järgneb laadi atribuut <ttsamp>class="wikitable"<tt/samp>
*tabeli pealkiri algab uuelt realt märkidega <ttsamp>|+<tt/samp>
*tabeli päiserea lahtrid algavad uuelt realt märgiga <ttsamp>!<tt/samp> ja veerupealkirjade vahel on <ttsamp>!!<tt/samp>
*tabeli järgmiste ridada lahtrid algavad uuelt realt märgiga <ttsamp>|<tt/samp>
*ühe rea lahtrid võib kirjutada ka samale reale, siis eraldab neid <ttsamp>!!<tt/samp> (päises) või <ttsamp>||<tt/samp>
*reavahetust tähistavad eraldi real märgid <ttsamp>|-<tt/samp>
*tabel lõpeb eraldi real märkidega <ttsamp>|}<tt/samp>
 
3. Süntaks:
93. rida:
 
==Teksti paigutus tabelis==
Vaikimisi joondatakse tekst päises keskele ja ülejäänud lahtrites vasakule. Kui on otstarbekas joondada paremale (nt selleks et arvude kümnendkohad jääksid tulbas kohakuti), tuleb lisada atribuut <ttsamp>style="text-align:right"<tt/samp> (vt sorditava tabeli näites numbriveergu); vasakule joondamiseks <ttsamp>style="text-align:left"<tt/samp>, keskele <ttsamp>style="text-align:center"<tt/samp>.
 
==Teksti küljendamine lahtris==
114. rida:
|}
== Tabelilahtrite ühendamine ==
Kõrvutisi lahtreid saab ühendada atribuudiga <ttsamp>colspan<tt/samp>, millele järgneb ühendatavate lahtrite arv. Näiteks <ttsamp>colspan="2"<tt/samp> lahtri alguses ühendab kaks lahtrit (antud lahtri ja järgmise lahtri).
 
Ülestikuste lahtrite ühendamiseks on atribuut <ttsamp>rowspan<tt/samp>. Näiteks <ttsamp>rowspan="3"<tt/samp> ühendab antud lahtri kahe allpool oleva lahtriga.
Näide lahtrite ühendamisest tabelipäises ja tabeliväljal:
149. rida:
Artiklis paigutub tabel lehekülje vasakusse serva, on minimaalselt vajaliku laiusega ja paremale jääb tühi ruum.
 
Kui soovime, et tabelit ümbritseks küljelt tekst, kasutame atribuuti <ttsamp>style="float: left"<tt/samp> (tekst paremal) või <ttsamp>style="float: right"<tt/samp> (tekst vasakul).
 
Selleks et esitada tabel veeru laiuselt (niisama laialt kui on tekst), tuleb kasutada laadi "center": <ttsamp>class="wikitable center"<tt/samp>.
 
== Sorditavad tabelid ==
Kui tabel sisaldab andmeid, mida lugejal oleks soovi korral huvitav mingi veeru järgi ümber järjestada, tuleb kasutada laadi <ttsamp>class="sortable"<tt/samp>. Näide:
 
<pre>
191. rida:
|}
 
Selleks et tarkvara oskaks järjestada arve, kus numbrite rühmitamiseks kasutatakse tühikuid, tuleb arvväärtusi sisaldava veeru päises kasutada atribuuti <ttsamp>data-sort-type<tt/samp> väärtusega "number".
 
<pre>
222. rida:
 
== Tabeli peitmine ==
Selleks et tabel oleks vaikimisi peidetud (suletud olekus), saab kasutada atribuudiklasse <ttsamp>mw-collapsible</ttsamp> ja <ttsamp>mw-collapsed</ttsamp>. Peitmine on mõeldud eelkõige juhuks, kui tabel on väga suur ja võtab artiklis ebaproportsionaalselt palju ruumi. Süntaksist täpsemalt [[mw:Manual:Collapsible elements#jQuery.makeCollapsible|siin]] (inglise keeles).
 
<pre>
262. rida:
 
==Taustavärvi lisamine==
Tabeli lahtrite teksti alla saab värvilise tausta tekitada värvitooni atribuudiga <ttsamp>style="background-color:#B9FFC5;"</ttsamp> (näidetes on ühe rohelise värvitooni kood #B9FFC5).
 
Värvitausta võib panna
 
*tabeliväljale, kui alustada nii: <ttsamp>{| style="background-color:#B9FFC5;" | class="wikitable"</ttsamp>
*üksikule reale, kui reavahetuse koodi <ttsamp>|-<tt/samp> järele kirjutada <ttsamp>bgcolorstyle="background:#B9FFC5;"</ttsamp>
*üksikule lahtrile, kui taustaatribuut kirjutada lahtrimärgi <ttsamp>|<tt/samp> või <ttsamp>||<tt/samp> järele (lahtri teksti ette): <ttsamp> bgcolorstyle="background:#B9FFC5;" | </ttsamp>
 
Taustavärvide koode: #FFFFFF (valge), #E0E0E0 (neutraalne), #FFEBAD (helepruun), #B9FFC5 (roheline), #FFFF40 (kollane), #44CCEE (sinine), #FFCBCB (helepunane). Mitmesugust värvi taustade koode võib valida tabelist.<ref>[[m:Table background colors]]</ref>