Оформление таблиц

Материал из КинтВики
Перейти к: навигация, поиск

Предлагаются следующие шаблоны оформления:

Оформление с выделением цветом

{| border="1" cellpadding="4" cellspacing="1" style="background:#F0F0F0;" 
|+'''Заголовок таблицы'''
!style="background:#80FFFF;" width=30%|Заголовок колонки 1
!style="background:#CCFFCC;" width=20%|Заголовок колонки 2
!style="background:#CCFFCC;" width=20%|Заголовок колонки 3
!style="background:#FFFFCC;" width=20%|Заголовок колонки 4

|-align="center"
| Строка 1
| 12
| 13
| 14

|-align="center"
| Строка 2
| 22
| 23
| 24

|-align="center" style="background:#CCFFCC;" 
| colspan=3 align="left" | Итог по таблице 
| style="background:#FF8080;"| 38

|}

Выглядит это так:

Заголовок таблицы
Заголовок колонки 1 Заголовок колонки 2 Заголовок колонки 3 Заголовок колонки 4
Строка 1 12 13 14
Строка 2 22 23 24
Итог по таблице 38



Оформление с выделением дополнительными линиями контура таблицы

{| border="1" cellpadding="2" cellspacing="1" 
|+'''Регистр 1'''
! width="150" style="background:#C0C0C0; border-bottom:2px solid black;"| Измерение 1
! width="150" style="background:#C0C0C0; border-bottom:2px solid black;"| Измерение 2
! width="150" style="background:#C0C0C0;"| Ресурс 1
|- align="center"
| Значение 11 || Значение 12 || Ресурс 11
|- align="center"
| Значение 21 || Значение 22 || Ресурс 21
|}

Выглядит это так:

Регистр 1
Измерение 1 Измерение 2 Ресурс 1
Значение 11 Значение 12 Ресурс 11
Значение 21 Значение 22 Ресурс 21



Простая таблица

{| border="1" cellpadding="2" cellspacing="1" 
|+'''Регистр 1'''
! style="background:#C0C0C0;"| Измерение 1
! style="background:#C0C0C0;"| Измерение 2
! style="background:#C0C0C0;"| Ресурс 1
|- align="center"
| Значение 11 || Значение 12 || Ресурс 11
|- align="center"
| Значение 21 || Значение 22 || Ресурс 21
|}

Выглядит это так:

Регистр 1
Измерение 1 Измерение 2 Ресурс 1
Значение 11 Значение 12 Ресурс 11
Значение 21 Значение 22 Ресурс 21



Расположение двух таблиц по горизонтали

Для такого расположения можно использовать, как делается и в html, вложенные таблицы. При этом для внешней таблицы устанавливается свойство border=0

Например:

{| border=0
|

{| border="1" cellpadding="2" cellspacing="1" 
|+'''Регистр 1'''
! width="150" style="background:#C0C0C0; border-bottom:2px solid black;"| Измерение 1
! width="150" style="background:#C0C0C0; border-bottom:2px solid black;"| Измерение 2
! width="150" style="background:#C0C0C0;"| Ресурс 1
|- align="center"
| Значение 11 || Значение 12 || Ресурс 11
|- align="center"
| Значение 21 || Значение 22 || Ресурс 21
|}
|| || || ||
{| border="1" cellpadding="2" cellspacing="1" 
|+'''Регистр 1'''
! width="150" style="background:#C0C0C0; border-bottom:2px solid black;"| Измерение 1
! width="150" style="background:#C0C0C0; border-bottom:2px solid black;"| Измерение 2
! width="150" style="background:#C0C0C0;"| Ресурс 1
|- align="center"
| Значение 11 || Значение 12 || Ресурс 11
|- align="center"
| Значение 21 || Значение 22 || Ресурс 21
|}

|}

Выглядит это так:

Регистр 1
Измерение 1 Измерение 2 Ресурс 1
Значение 11 Значение 12 Ресурс 11
Значение 21 Значение 22 Ресурс 21
Регистр 1
Измерение 1 Измерение 2 Ресурс 1
Значение 11 Значение 12 Ресурс 11
Значение 21 Значение 22 Ресурс 21

Объединение ячеек

Источник: http://ru.wikipedia.org/wiki/Википедия:Как_делать_таблицы

В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan=n, где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.

Пример:

Вертикальное объединение двух ячеек пишется так:         Выглядеть это будет так:
{| border=1
 |Ячейка 1 
 |rowspan=2 |Ячейка 2, объединяет два ряда таблицы
 |Ячейка 3
 |- 
 |Ячейка 4
 |Ячейка 5
 |}
       
Ячейка 1 Ячейка 2, объединяет два ряда таблицы Ячейка 3
Ячейка 4 Ячейка 5

Для объединения по горизонтали используется атрибут colspan=n.

Пример:
{| border=1
 |Ячейка 1 
 |colspan=2 |Ячейка 2, объединяет два столбца
 |-
 |Ячейка 3 
 |Ячейка 4
 |Ячейка 5
 |}

Выглядит это так:

Ячейка 1 Ячейка 2, объединяет два столбца
Ячейка 3 Ячейка 4 Ячейка 5
Эта статья или раздел созданы автоматически. Любые правки будут перезаписаны. Пожалуйста, оставляйте свои замечания на вкладке — «Обсуждение».