Таблиці на сторінках Вікі

Матеріал з ТерноВікі

Зміст 1 Табличні рамки 1.1 Простий приклад 1.2 Приклад з границями 1.3 Приклад із класом 2 Об'єднання клітин 2.1 В кількох рядках – параметр rowspan 2.2 В кількох стовпцях – параметр colspan 2.3 Змішане поєднання 2.4 Вкладені таблиці

Табличні рамки

Вид рамки описується в першому рядку, відразу після {|.

• Товщина зовнішніх рамок встановлюється атрибутом border=n₁, де «n₁» — товщина лінії зовнішніх рамок.
• Товщина внутрішніх рамок встановлюється атрибутом cellspacing="n₂", де «n₂» — товщина лінії внутрішніх рамок.
• Мінімальна відстань між рамками і текстом клітинки встановлюється атрибутом cellpadding=n₃.

Простий приклад

Вихідний код

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

Об'єднання клітин

У wiki-стилі, як і в HTML, є можливість об'єднувати декілька клітин як по вертикалі, так і по горизонталі. Для об'єднання по вертикалі застосовується атрибут rowspan=n, де «n» — число рядків, які повинен об'єднати данна клітина. Цей атрибут вписується перед змістом об'єднуючої клітини.

В кількох рядках – параметр rowspan

{| class="wikitable"
| стовпець 1, рядок 1
| rowspan=2 | стовпець 2, рядок 1 (а також 2)
| стовпець 3, рядок 1
|-
| стовпець 1, рядок 2
| стовпець 3, рядок 2
|}

стовпець 1, рядок 1	стовпець 2, рядок 1 (а також 2)	стовпець 3, рядок 1
стовпець 1, рядок 2		стовпець 3, рядок 2

rowspan спричиняє розтягнення клітинки на кілька рядків

В кількох стовпцях – параметр colspan

{| class="wikitable"
| стовпець 1, рядок 1
| colspan=2 | стовпець 2 (i 3), рядок 1
|-
| стовпець 1, рядок 2
| стовпець 2, рядок 2
| стовпець 3, рядок 2
|}

стовпець 1, рядок 1	стовпець 2 (i 3), рядок 1
стовпець 1, рядок 2	стовпець 2, рядок 2	стовпець 3, рядок 2

colspan спричиняє розтягнення клітинки на кілька стовпців

Змішане поєднання

{| class="wikitable" style="text-align:left"
! стовпець 1 (заголовок)
! стовпець 2 (заголовок)
! стовпець 3 (заголовок)
! стовпець 4 (заголовок)
|-
| стовпець 1, рядок 1
| colspan=2 | стовпець 2 i 3, рядок 1
| rowspan=2 | стовпець 4, рядок 1 i 2
|-
| colspan="3" | стовпець 1, 2 i 3, рядок 2
|-
| стовпець 1, рядок 3
| colspan="3" rowspan="2" | стовпець 2, 3 i 4, рядок 3 i 4
|-
| стовпець 1, рядок 4
|}

стовпець 1 (заголовок)	стовпець 2 (заголовок)	стовпець 3 (заголовок)	стовпець 4 (заголовок)
стовпець 1, рядок 1	стовпець 2 i 3, рядок 1		стовпець 4, рядок 1 i 2
стовпець 1, 2 i 3, рядок 2
стовпець 1, рядок 3	стовпець 2, 3 i 4, рядок 3 i 4
стовпець 1, рядок 4

Вкладені таблиці

{| border=1
| клітина 1 зовнішньої таблиці
|
{| border=1 style="background:ABCDEF"
| таблиця
|-
| вкладена
|}
| клітина 3 зовнішньої таблиці
|}

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

клітина 1 зовнішньої таблиці

таблиця вкладена

клітина 3 зовнішньої таблиці