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