Помоћ:Табела

Пајп (енгл. pipe, цев) је назив за знак „|“.

Мада можете користити и HTML синтаксу за табеле, можете користити и посебне вики кодове за прављење табела, на следећи начин:

• Читава табела почиње линијом „{| необавезни параметри табеле “ а завршава за линијом „|}“.
• Необавезни натпис табеле (table caption) се укључује линијом „|+ натпис “ после „{|“.
• Код за ред табеле се састоји од линије „|- необавезни параметри табеле “, и, у новој линији, кодова за ћелије у реду, одвојене знаком за нови ред или „|“
• Подаци табеле су кодови за ћелије; код за ћелију је у облику „| вредност “ или „| параметри ћелије | вредност “
• ред заглавља колона се означава помоћу „!“ уместо „|“, осим за раздвајање параметара и вредности ћелије; разлика у односу на нормалне редове зависи од прегледача, а заглавља колона се често приказују у појачаном фонту.
• прва ћелија реда се препознаје као заглавље реда ако линија почиње са „!“ уместо са „|“, а накнадне ћелије са подацима почињу у новој линији.

Параметри за табелу и ћелију су исти као у HTML-у, погледајте [1] и HTML елементи#Табеле. Међутим, елементи thead, tbody, tfoot, colgroup и col тренутно нису подржани у Медијавикију.

Табела може бити корисна чак и ако ћелије немају садржај, нарочито зато што се коришћењем боје позадине ћелија табела може претворити у дијаграм, погледајте на пример en:Template talk:Square 8x8 pentomino example. „Слику“ у облику табеле је много згодније уређивати него послату слику.

Сваки ред мора да има исти број ћелија као и остали редови, да би број колона табеле остао доследан (осим ако постоје ћелије које треба да се пружају преко више редова или колона, погледајте colspan и rowspan ниже, у примеру Зачин). Да бисте добили празне ћелије, користите непреламајуће празно место (non-breaking space)   као садржај да би сте осигурали да ћелије буде приказане.

{| 
| Ћелија 1, ред 1 
| Ћелија 2, ред 1 
|- 
| Ћелија 1, ред 2 
| Ћелија 2, ред 2 
|}

и

{| 
| Ћелија 1, ред 1 || Ћелија 2, ред 1 
|- 
| Ћелија 1, ред 2 || Ћелија 2, ред 2 
|}

оба дају

{| border="1" cellpadding="2"
|+Таблица множења
|-
! × !! 1 !! 2 !! 3
|-
! 1
| 1 || 2 || 3
|-
! 2
| 2 || 4 || 6
|-
! 3
| 3 || 6 || 9
|-
! 4
| 4 || 8 || 12
|-
! 5
| 5 || 10 || 15
|}

Таблица множења

×	1	2	3
1	1	2	3
2	2	4	6
3	3	6	9
4	4	8	12
5	5	10	15

Постоје два начина за назначавање боје текста и позадине појединачне ћелије:

{| 
| bgcolor=red | <font color=white> абв
| гдђ
| style="background:red; color:white" | ежз
| ијк
|}

даје

Као што је показано, „font“ делује само на једну ћелију, чак и без крајње ознаке: систем сам производи крајњу ознаку.

Као и остали параметри, боје се могу назначити за цео ред или целу табелу; параметри за ред надјачавају параметре за табелу, а они за ћелију оне за ред:

{| style="background:yellow; color:green"
|- 
| абв
| гдђе
| жзи
|- style="background:red; color:white"
| јкл
| љмнњ
| опр
|-
| стћ
| style="background:silver" | уфхц
| чџш
|}

даје

Спецификација верзије 4.01 HTML-а дефинише шеснаест именованих боја, овде показаних хексадецималним вредностима:

Погледајте и текст w:en:web colors.

Можете назначити висину и ширину целе табеле, као и висину реда. Одређивање ширине колоне може се урадити одређивањем ширине произвољне ћелије у тој колони. Када није одређена ширина за све колоне и/или висина за све редове, постоји одређена вишезначност и резултат зависи од прегледача.

{| style="width:400px; height:200px" border="1"
|- 
| абв
| гдђе
| жзи
|- style="height:100px" 
| јкл
| style="width:200px" |љмнњ
| опр
|-
| стћ
| уфхц
| чџш
|}

даје

Може се сместити сама табела, сав садржај у реду и садржај ћелије, али не може сав садржај ћелије једним параметром; погледајте en:Template talk:Table demo. Ни под којим условима немојте користити „float“ за смештање табеле. То разара обраду стране при великим величинама слова.

Ево једног напреднијег примера, који показује још неке опције доступне за прављене табела. Можете се поиграти са овим подешавањима у вашим сопственим табелама и видети какве ефекте имају. Не морају све ове технике да буду примерене у свакој ситуацији; само зато што, на пример, можете да додате обојену позадину, не значи да је то увек добра идеја. Покушајте да означавање у табелама одржите релативно простим — сетите се да ће и други уређивати чланак! Овај пример пак треба да вам да представу о томе шта је све могуће.

{| border="1" cellpadding="5" cellspacing="0" align="center"
|+'''Пример табеле'''
|-
! style="background:#efefef;" | Прво заглавље
! colspan="2" style="background:#ffdead;" | Друго заглавље
|-
| горе лево
|  
| rowspan=2 style="border-bottom:3px solid grey;" valign="top" |
десна страна
|-
| style="border-bottom:3px solid grey;" | доле десно
| style="border-bottom:3px solid grey;" | доле средина
|-
| colspan="3" align="center" |
{| border="0"
|+''Табела у табели''
|-
| align="center" width="150px" | [[Датотека:Wikipedia-logo-sr.png]]
| align="center" width="150px" | [[Датотека:Wikipedia-logo-sr.png]]
|-
| align="center" colspan="2" style="border-top:1px solid red; border-right:1px solid red; border-bottom:2px solid red; border-left:1px solid red;" |
Два логотипа Википедије
|}
|}

Пример табеле

Прво заглавље	Друго заглавље
горе лево		десна страна
доле десно	доле средина
Табела у табели Два логотипа Википедије

{| align=right border=1
| Ћелија 1, ред 1 
|rowspan=2| Ћелија 2, ред 1 (и 2) 
| Ћелија 3, ред 1 
|- 
| Ћелија 1, ред 2 
| Ћелија 3, ред 2 
|}

Приметите како табела плута на десно.

{| border=1
| α
|
{| bgcolor=#ABCDEF border=2
|угњеждена
|-
|табела
|}
|опет првобитна табела
|}

даје угњеждену табелу

Угњеждене табеле морају почети на новој линији.

Други типови синтаксе за табеле које Медијавики подржава:

1. XHTML
2. HTML и вики <td> синтакса

Медијавики подржава сва три и сва производе (тренутно) ваљам HTML излаз, али је пајп синтакса најједноставнија, осим можда за оне који су већ упознати са HTML-ом. Такође, није сигурно да ће HTML и вики <td> синтаксе бити подржане од стране прегледача и у будућности, нарочито на ручним (handheld) уређајима који могу да приступају Интернету.

Такође погледајте и HTML елементи#Табеле. Знајте, међутим, да елементи thead, tbody, tfoot, colgroup и col тренутно нису подржани у Медијавикију.

{| параметри
|}

|+ натпис

|- параметри 

| ћелија1
| ћелија2

|ћелија1||ћелија2||ћелија3

! заглавље

<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td> 
      <td>4</td> 
   </tr>
</table>

<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
</table>

{| 
| 1 || 2
|- 
| 3 || 4
|}

<table>
   <tr>
      <td>1</td>
      <td>2</td>
   </tr> 
   <tr>
      <td>3</td>
      <td>4</td>
   </tr>
   <tr>
      <td>5</td>
      <td>6</td>
   </tr>
</table>

<table>
   <tr>
      <td> 1 <td> 2
   <tr>
      <td> 3 <td> 4
   <tr>
      <td> 5 <td> 6
</table>

{| 
| 1 || 2 
|- 
| 3 || 4 
|- 
| 5 || 6 
|}

Пајп синтакса, коју је развио Магнус Манске (Magnus Manske), замењује пајпове (|) у HTML. Постоји и онлајн скрипт који претвара html табеле у табеле у пајп синтакси.

Пајпови морају кретати од почетка нове линије, сем кад раздвајају параметре од садржаја или када се користи || за одвајање ћелија на једној линији. Параметри су необавезни.

Табела се дефинише са {| ''параметри'' |} што је једнако <table ''параметри''>Овде убаците необликован текст </table>

Пажња: Морате ставити празно место (space) између {| и параметри или ће први параметар бити игнорисан.

<tr> ознаке ће за први ред бити аутоматски направљене. Да би сте започели нови ред, користите

|-

што даје

<tr>

Параметре можете додавати на следећи начин:

|- параметри

што даје

<tr параметри>

Примедба:

• <tr> ознаке ће бити отворене аутоматски код прве одговарајуће <td> ознаке
• <tr> ознаке ће бити затворене аутоматски код одговарајућих <tr> и </table> ознака

Ћелије се праве или овако:

|ћелија1
|ћелија2
|ћелија3

или овако:

|ћелија1||ћелија2||ћелија3

оба су једнака

<td>ћелија1</td><td>ћелија2</td><td>ћелија3</td>

па је „||“ једнако „нови ред“ + „|“

Параметри у ћелијама се користе овако:

|параметри|ћелија1||параметри|ћелија2||параметри|ћелија3

што даје

<td параметри>

Функционише на исти начин као и TD, сем што се користи „!“ уместо отварајућег „|“. „!!“ се може користити умести „||“. Мада, за параметре се још увек користи „|“! Пример:

!параметри|ћелија1

Ознака <caption> се прави са

|+ Натпис

што даје

<caption>Натпис</caption>

Такође се могу користити параметри:

|+ параметри|Натпис

што ће дати

<caption параметри>Натпис</caption>

(Можда ћете морати да повећате или смањите величину слова у прегледачу да би сте видели ефекат који хоћемо да демонстрирамо; такође можете да пробате и да промените ширину прозора прегледача.)

Можете да користите align=right; текст после кода табеле се појављује са леве стране табеле.

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст
текст текст текст текст текст текст текст текст текст текст текст текст 

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Међутим, овде немојте стављати већ обликован текст, може се преклопити са табелом пошто се не обмотава. Да бисте то спречили, користите <br style="clear:both;">:

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

овде је тако да би већ обликован текст почео тек након завршетка табеле текст текст текст текст текст текст текст текст текст текст текст текст

Можете да користите align=left, табела ће бити са леве стране а следећи текст са њене десне стране (мада можда преблизу):

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Да бисте направили празан простор око табеле, слике или текста, направите око тога табелу 1×1, са уметањем између ћелија (cellpadding):

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст TeXt текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

Ако желите да форсирате одређену ширину колона уместо да прихватите ширину најширег текстуалног елемента у ћелијама колоне, пратите овај пример. Приметите се је омотавање текста форсирано.

{| border="1" cellpadding="2"
!width="50"|Назив
!width="225"|Ефекат
!width="225"|Налази се у играма
|-
|Покелопта
|Обична покелопта
|Све верзије
|-
|Велика лопта
|Боља него Покелопта
|Све верзије
|}

Назив	Ефекат	Налази се у играма
Покелопта	Обична покелопта	Све верзије
Велика лопта	Боља него Покелопта	Све верзије

На почетку ћелије, додајте своје параметре праћене једним пајпом. На пример width=300п| ће поставити ширину ћелије на 300 пиксела. Да би сте поставили више од једног параметра, оставите празно место између сваког од њих.

{|
|-
| bgcolor=red|ћелија1 || width=300px bgcolor=blue|ћелија2 || bgcolor=green|ћелија3
|}

ћелија1

ћелија2

ћелија3

Колоне бројева се могу уравнати на децимални зарез на следећи начин:

<blockquote>
{| cellpadding=0 cellspacing=0
|align=right| 432 || , || 1
|-
|align=right| 43 || , || 21
|-
|align=right| 4 || , || 321
|}
</blockquote>

даје

432	,	1
43	,	21
4	,	321

У простијим случајевима можете се одрећи табеле и једноставно почети линије празним местом (space) и да додајете празна места да би уравнали бројеве:

432,1
 43,21
  4,321

Неки корисници су направили шаблоне да би олакшали стилове на табелама. Уместо да памтите параметре табеле, само укључите шаблон одговарајућег стила после {|. Ово помаже да обликовање табела остане уједначено и може да учини да једна промена на шаблону реши проблем или побољша изглед свих табела које га користе. На пример, ово:

Сви овакви шаблони би требали да буду организовани/набројани на једном месту, као што је овде.

Као нуспроизвод особине галерије слика, табела се може направи и ознаком gallery (галерија); ако текстуална ставка садржи везу, цела ставка се игнорише.

<gallery perrow=5>
Датотека:Communityfront2.jpg|[[Српски културни центар у Ванкуверу|Српски културни центар]] 
Датотека:English Bay Vancouver.jpg|Поглед на Енглески залив са Поморског музеја
Датотека:False Creek2.jpg|Фолс Крик марина
Датотека:Granville Island Night.jpg|Гренвил острво у Ванкуверу, ноћу
Датотека:Vancouver from Grouse mountain.jpg|Поглед на Ванкувер са планине Граус
Датотека:Sunset picnic.jpg|Залазак сунца на Енглеском заливу
Датотека:Fog_in_Vancouver.jpg|Поглед на Фермонт хотел са зграде Харбор Центра
Датотека:Vancouver Sun Tower.jpg|Сан тауер
Датотека:Science World.jpg|Купола музеја Света науке
Датотека:CanadaPlaceVancouverSnow.jpg|Канада Плејс
</gallery>

даје:

• 
  Српски културни центар
• 
  Поглед на Енглески залив са Поморског музеја
• 
  Фолс Крик марина
• 
  Гренвил острво у Ванкуверу, ноћу
• 
  Поглед на Ванкувер са планине Граус
• 
  Залазак сунца на Енглеском заливу
• 
  Поглед на Фермонт хотел са зграде Харбор Центра
• 
  Сан тауер
• 
  Купола музеја Света науке
• 
  Канада Плејс

• Поједностављена синтакса за табеле
• Табела вики ознака
• en:User:Dcljr/Tables
• примери:
  • Шаховска табла
  • Табла за Го
  • Табла за Монопол
  • Квадрат 8x8 пентомино пример

• Претварач табела из HTML-а у вики на cnic.org
• csv2wp — претвара из формата вредности одвојених зарезом (comma-separated values — CSV) у пајп синтаксу. Може се користити за увоз табела из на пример Excel-а и сл. (више информација)
• Претварач табела из HTML-а у вики на wackyboy.com
• Претварач табела из HTML-а у вики на uni-bonn.de
• Претварач табела из HTML-а у вики на diberri.dyndns.org
• pywikipediabot (може да претвори табеле из HTML-а у вики)