Оформление таблиц
Предлагаются следующие шаблоны оформления:
Содержание
Оформление с выделением цветом
{| 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 | Измерение 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 | Измерение 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 |} |}
Выглядит это так:
|
|
Объединение ячеек
Источник: http://ru.wikipedia.org/wiki/Википедия:Как_делать_таблицы
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan=n, где «n» — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.
Пример:
Вертикальное объединение двух ячеек пишется так: | Выглядеть это будет так: | |||||||||
{| border=1 |Ячейка 1 |rowspan=2 |Ячейка 2, объединяет два ряда таблицы |Ячейка 3 |- |Ячейка 4 |Ячейка 5 |} |
|
Для объединения по горизонтали используется атрибут colspan=n.
Пример: {| border=1 |Ячейка 1 |colspan=2 |Ячейка 2, объединяет два столбца |- |Ячейка 3 |Ячейка 4 |Ячейка 5 |}
Выглядит это так:
Ячейка 1 | Ячейка 2, объединяет два столбца | |
Ячейка 3 | Ячейка 4 | Ячейка 5 |
Эта статья или раздел созданы автоматически. Любые правки будут перезаписаны. Пожалуйста, оставляйте свои замечания на вкладке — «Обсуждение».