WikiMarkup используемый в нашей Wiki поддерживает известный синтаксис отображения таблиц. Вставка таблиц не должна вызывать трудностей, при этом есть возможность влиять на их отображение.
Редактировать1 - Основные параметры
Простая таблица содержит некую последовательность строк и каждая строка (в свою очередь) содержит некоторое количество ячеек.
{|
| Cell 1.1
| Cell 1.2
|-
| Cell 2.1
| Cell 2.2
|}
смотрите на результат:
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Вы можете изменять внешний вид таблиц, подгоняя их под используемые цветовые схемы.
Посмотрим на разные варианты использования:
{|
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}
Начинаются таблицы с {| и заканчиваются |}. Единичная вертикальная линия начинает ячейку таблицы, а такая же линия с дефисом (|-) начинает строку таблицы.
Двойная вертикальная линия создаёт две или больше ячеек в строке.
Редактировать2 - Дополнительные параметры
У таблицы может быть заголовок (или название). Перед началом такого заголовка указывается горизонтальная линия с плюсом, но после вводного признака начала самой таблицы:
{|
|+ This is a Table
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}
вот, что выходит:
This is a Table| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Есть возможность создавать заголовки и для отдельной ячейки и для строки. Создание такого заголовка предваряют восклицательным знаком:
{|
! Cells x.1 !! Cells x.2
|-
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}
отображение:
| Cells x.1 | Cells x.2 |
|---|
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Для строк — вот так.
{|
! X !! x.1 !! x.2
|-
! 1.x
| Cell 1.1 || Cell 1.2
|-
! 2.x
| Cell 2.1 || Cell 2.2
|}
смотрите, ниже:
| X | x.1 | x.2 |
|---|
| 1.x | Cell 1.1 | Cell 1.2 |
|---|
| 2.x | Cell 2.1 | Cell 2.2 |
|---|
Редактировать3 - Отображение Таблиц
Есть возможность изменять отображение и формат таблиц, используя XHTML тэги.
{| border="1" bgcolor="Gray"
| Cell 1.1 || Cell 1.2
|-
| Cell 2.1 || Cell 2.2
|}
вот, что получится:
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
С помощью XHTML тэгов, можно изменять отображение одной (отдельной) строки.
{| cellspacing="0" cellpadding="2" border="1"
|- style="background-color: Red; color: White;"
| Cell 1.1 || Cell 1.2
|- style="font-weight: bold;"
| Cell 2.1 || Cell 2.2
|}
результат ниже:
| Cell 1.1 | Cell 1.2 |
| Cell 2.1 | Cell 2.2 |
Применять стили можно и отностительно одной ячейки.
{|
| bgcolor="Blue" | Styled Cell
| Normal cell
|-
| Normal cell
| bgcolor="Yellow" | Styled cell
|}
см.ниже:
| Styled Cell | Normal cell |
| Normal cell | Styled cell |
Редактировать4 - Объединение ячеек
Используя атрибуты XHTML можно объединять две или более ячеек (горизонтально или вертикально).
Примечание: не все браузеры поддерживают такое отображение.
{|
| colspan="2" bgcolor="Red" | Cell
|-
| Cell || Cell
|}
вот, что вышло:
в то время как,
{|
| rowspan="2" bgcolor="Red" | Cell
| Cell
|-
| Cell
|}
отобразится вот так:
Редактировать5 - Выравнивание
Есть возможность сдвинуть таблицу вправо, или разместить её в центре страницы.
{| align="right" border="1"
| Cell || Cell
|}
смотрите:
или так:
{| style="margin: 0px auto;" border="1"
| Cell || Cell
|}
что, в результате даст:
Редактировать6 - Все Параметры
{| cellspacing="0" cellpadding="2" style="background-color: #EEEEEE;"
|+ Styled Table
|- style="background-color: #990000; color: #FFFFFF;"
| This is a cell || This is a cell || This is a cell
|-
| style="background-color: #000000; color: #CCCCCC;" | Styled cell
| style="border: solid 1px #FF0000;" | Styled cell
| '''Normal cell'''
|-
| Normal || Normal || [Download]
|}
отображение:
Styled Table| This is a cell | This is a cell | This is a cell |
| Styled cell | Styled cell | Normal cell |
| Normal | Normal | Download |