Довідка:Таблиці

Вихідний код

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

Вихідний код

{| border="3" cellpadding="5" cellspacing=5|+Таблиця множення|-! × !! 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

Вихідний код

{| class="standart"|+Таблиця множення|-! × !! 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

Вихідний код

{| border=1 |Клітинка 1*1 |Кольорове <font color="#FF00FF">одне</font> слово. |Клітинка 3*1 |- |Клітинка 1*2 |Клітинка 2*2 |<div style="color:#33CC66">Кольоровий весь рядок.</div> |- |Клітинка 1*3 |Клітинка 2*3 |Клітинка 3*3 |}

Як він виглядає

{| border=1 |Клітинка 1*1 |bgcolor=#FFCC00|Клітинка 2*1 |Клітинка 3*1 |- |Клітинка 1*2 |Клітинка 2*2 |Клітинка 3*2 |- |bgcolor=#CCFF00|Клітинка 1*3 |Клітинка 2*3 |Клітинка 3*3 |}

Як він виглядає

{| border=1 bgcolor=#66FFFF |Клітинка 1*1 |Клітинка 2*1 |Клітинка 3*1 |- |Клітинка 1*2 |Клітинка 2*2 |Клітинка 3*2 |- |Клітинка 1*3 |Клітинка 2*3 |Клітинка 3*3 |}

Як він виглядає

...додавання вкладеної таблиці в другій клітині зовнішньої таблиці

{| class="wikitable sortable" style="text-align:right"! style="width:100px" | Основний стовпчик! style="width:80px" | Сортування за абеткою! style="width:80px" | Сортування за числами! style="width:80px" | Сортування за іншими символами|-! Рік 2006| Музика| 245| 18|-! Рік 2005| Література| 127| -|-! Рік 2004| Техніка| 52| 32|-! Рік 2006| Стрільба з лука| 21,12| 987|-! Рік 2003| Садівництво| 21| ?|}

Використовуючи цей код, ми отримаємо таблицю, в якій, при натисканні на трикутничок, змінні відсортуються за відповідним стовпцем.

Можна встановити, щоб деякі стовпці не підлягали сортуванню:

Для цього слід додати опцію class="unsortable" в описі стовпців у першому рядку (заголовку) таблиці:

{| class="wikitable sortable" style="text-align:right"! width="100px" | Основний стовпець! width="80px" class="unsortable" | Не сортується! width="80px" | Сортування чисел...

Можна також зазначити, щоб нижній рядок не підлягав сортуванню і завжди лишався в нижній частині таблиці:

Для цього слід подати атрибут class="sortbottom":

|-! Рік 2003| не сортуємо| 21|- class="sortbottom"! Підсумок| Сортування не є складним| 45|}

Сортування дат в таблицях

В принципі, дата в таблицях сортуються правильно тільки тоді, коли наводяться в цифровому форматі рік-місяць-день, який не завжди використовується. Для цього створено шаблон dts, який дозволяє правильно сортувати дати. Прикладом є такий код...

{| class="wikitable sortable" style="text-align:right"!Головний стовпець!Сортування дат!Сортування чисел|-! Позиція 1| {{dts|1999|01|01}}| 245|-! Позиція 2| {{dts|1995|07|01}}| 127|-! Позиція 3| {{dts|1997|03|04}}| 21|}

...створює таблицю, в якій дата відображається правильно і може бути відсортована:

Сортування прізвищ у таблицях

Проблеми можуть виникнути при сортуванні персоналій за прізвищем у випадку, коли статті Вікіпедії іменуються в форматі "ім'я прізвище". Для того, щоб правильно вказати ключ сортування, використовується шаблон імен sortname, що розв'яує цю проблему. Приклади...

{| class="wikitable sortable"! Ім'я! Професія! Рік|-|{{sortname|Greg|Walden}}|політик|1991|-|{{sortname|Wes|Cooley}}|діяч|1996|-|{{sortname|Smith|Dennis|Denny Smith}}|активіст|1994|-|{{sortname|Pete|Sampras|nolink=tak}}|спортсмен|1993|}

...дає таблиця, де персоналії можуть бути розсортовані за прізвищем:

Генеалогічна таблиця

Цей розділ потребує доповнення.

Сортування таблиць, що містять малюнки

Шаблон sortkey дозволяє надати клітинці невидимий ключ сортування. Наприклад, це може бути корисно, коли стовпець містить малюнки. Застосування в польській вікіпедії: pl:polskie lotniska.

Інші приклади

Вихідний код

{| border="1" cellpadding="5" cellspacing="0" align="center"|+'''Приклад таблиці'''|-! style="background:#efefef;" | Перший заголовок! colspan="2" style="background:#ffdead;" | Другий заголовок|-|valign="top" | (зліва) зверху| align="center" valign="center" | посередині <br/>як вертикально, <br/>так і горизонтально| rowspan=2 style="border-bottom:3px solid grey;" align="right" valign="center" | справа,<br/>а вертикально <br/>посередині|-| style="border-bottom:3px solid grey;" valign="bottom" | внизу (зліва)| style="border-bottom:3px solid grey;" align="center" | внизу <br/>посередині|-| colspan="3" align="center" |{| border="0"|+''Таблиця в таблиці''|-| align="center" width="150px" | [[Файл:wiki.png]]| align="center" width="150px" | [[Файл:wiki.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;" |Два лого Вікіпедії|}|}

Як виглядає

Приклад таблиці

Перший заголовок	Другий заголовок
(зліва) зверху	посередині як вертикально, так і горизонтально	справа, а вертикально посередині
внизу (зліва)	внизу посередині
Таблиця в таблиці Два лого Вікіпедії

Інші підтримувані типи табличного синтаксису що підтримуються MediaWiki:

1. XHTML
2. HTML і вікі <td>

Всі три підтримуються MediaWiki та генерують (в даний час) коректний код HTML, але конвеєрний синтаксис є найпростішим, за винятком, можливо, людей що вже добре знайомі із розміткою HTML. Окрім того, HTML і вікі <td> синтаксис необов'язково підтримуватимуться браузерами в майбутньому, особливо на портативних пристроях.

Див. HTML element#Tables. Зауважте, що елементи thead, tbody, tfoot, і colgroup на даний момент не підтримуються MediaWiki.

Порівняння табличного синтаксису

{| params |}

|+ caption

|- params 

| cell1| cell2

|cell1||cell2||cell3

! heading

<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 |}

Використовуючи align=right, текст що слідує після таблиці з'явиться зліва від неї. Не використовуйте попередньо форматований текст, він може накладатись на таблицю, оскільки він автоматично не переноситься на новий рядок.

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Щоб уникнути цього, використайте <br style="clear:both;">:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Якщо використаєте align=left, текст після таблиці буде розміщено справа від таблиці.

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Щоб створити відступ навколо таблиці, зображення чи тексту, створіть 1×1 таблицю навколо них, із cellpadding:

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Наступний спосіб дозволяє вирівнювати числа в колонках по десятковій комі:

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

дає

432	.	1
43	.	21
4	.	321

Докладніше про оформлення таблиць за допомогою шаблонів стилю можна дізнатися на сторінці Довідка:Шаблони стилю

• Конвертор HTML-таблиць у вікірозмітку:
  • [2] на wiki-conv.appspot.com (англ.)
  • [3] на tools.wmflabs.org (англ.)
• Конвертор Excel-таблиць у вікірозмітку на tools.wmflabs.org (англ.)
• Wiki Table Editor (англ.)
• csv2wp — конвертує CSV-формат у Вікі. Зручний для імпорту в текст статті таблиць з Excel.
• Конвертор CSV-таблиць у вікірозмітку (англ.)
• Генератор таблиць (англ.)