Форматирование таблицы
Jenya1128 (обсуждение | вклад) |
(Отмена правки 390717, сделанной участником Gugiugghghj (обс.)) |
||
| (не показаны 3 промежуточные версии 3 участников) | |||
| Строка 1: | Строка 1: | ||
| + | __NOTOC__ | ||
| + | == Простейшая таблица == | ||
| + | Любая таблица в wiki-стиле начинается с фигурной скобки '''{''' с последующей вертикальной чертой '''<nowiki>|</nowiki>''' и заканчивается вертикальной чертой '''<nowiki>|</nowiki>''' с закрывающей фигурной скобкой '''}'''. Каждая ячейка строки начинается с вертикальной черточки '''<nowiki>|</nowiki>''', после которой пишется её содержание. | ||
| + | |||
| + | '''Пример:''' | ||
| + | {| | ||
| + | |Исходный код таблицы с одной строкой: {| | ||
| + | | | ||
| + | |В ТолВики это будет выглядеть так: |- | ||
| + | |- | ||
| + | | |1 | ||
| + | <pre>{| | ||
| + | |Ячейка 1 |} | ||
| + | |Ячейка 2 | ||
| + | |Ячейка 3 | ||
| + | |}</pre> | ||
| + | | | ||
| + | {| cellspacing="10" | ||
| + | | | ||
| + | | | ||
| + | |} | ||
| + | | | ||
| + | {| | ||
| + | |Ячейка 1 | ||
| + | |Ячейка 2 | ||
| + | |Ячейка 3 | ||
| + | |} | ||
| + | |} | ||
| + | |||
| + | Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк. | ||
| + | |||
| + | '''Пример:''' | ||
| + | {|cvbngdhjtrdbmmcvcv | ||
| + | |Исходный код таблицы в две строки: | ||
| + | | | ||
| + | |В ТолВики это будет выглядеть так: | ||
| + | |- | ||
| + | | | ||
| + | <pre>{| | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |}</pre> | ||
| + | | | ||
| + | {| cellspacing="10" | ||
| + | | | ||
| + | | | ||
| + | |} | ||
| + | | | ||
| + | {| | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |} | ||
| + | |} | ||
| + | |||
| + | {| | ||
| + | |Таблица в три строки пишется так: | ||
| + | | | ||
| + | |В ТолВики это будет выглядеть так: | ||
| + | |- | ||
| + | | | ||
| + | <pre>{| | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |}</pre> | ||
| + | | | ||
| + | {| cellspacing="10" | ||
| + | | | ||
| + | | | ||
| + | |} | ||
| + | | | ||
| + | {| | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |} | ||
| + | |} | ||
| + | |||
| + | И так далее. | ||
| + | |||
| + | == Табличные рамки == | ||
| + | Вид рамки описывается в первой строке, сразу после '''{|'''. Не забудьте, что между ними и атрибутом должен быть пробел. | ||
| + | |||
| + | '''Толщина линий''' рамки задаётся атрибутом <code>border=n</code>, где «n» — толщина линии: | ||
| + | |||
| + | {| | ||
| + | |Исходный код: | ||
| + | | | ||
| + | |В ТолВики это будет выглядеть так: | ||
| + | |- | ||
| + | | <pre>{| border=1 | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |}</pre> | ||
| + | | | ||
| + | {| cellspacing="10" | ||
| + | | | ||
| + | | | ||
| + | |} | ||
| + | | | ||
| + | {| border=1 | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |} | ||
| + | |} | ||
| + | |||
| + | == Заголовки == | ||
| + | Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков. | ||
| + | |||
| + | '''Пример:''' | ||
| + | {| | ||
| + | |Для последней таблицы можно написать так: | ||
| + | | | ||
| + | |В ТолВики это будет выглядеть так: | ||
| + | |- | ||
| + | | | ||
| + | <pre>{| border=1 | ||
| + | !Первый столбец | ||
| + | !Второй столбец | ||
| + | !Третий столбец | ||
| + | |- | ||
| + | !Первая строчка | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | !Вторая строчка | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | !Третья строчка | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |}</pre> | ||
| + | | | ||
| + | {| cellspacing="10" | ||
| + | | | ||
| + | | | ||
| + | |} | ||
| + | | | ||
| + | {| border=1 | ||
| + | !Первый столбец | ||
| + | !Второй столбец | ||
| + | !Третий столбец | ||
| + | |- | ||
| + | !Первая строчка | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | !Вторая строчка | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | !Третья строчка | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |} | ||
| + | |} | ||
| + | |||
| + | == Запись в одну строчку == | ||
| + | Чтобы сделать записываемую в таблицу информацию более читабельной, можно писать ряды в одну строчку (если записи в них не очень длинные), отделяя их дополнительной вертикальной чертой. | ||
| + | |||
| + | '''Пример:''' | ||
| + | {| | ||
| + | |Исходный код: | ||
| + | | | ||
| + | |В ТолВики это будет выглядеть так: | ||
| + | |- | ||
| + | | <pre>{| border=1 | ||
| + | !Первый столбец||Второй столбец||Третий столбец | ||
| + | |- | ||
| + | |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 | ||
| + | |}</pre> | ||
| + | | | ||
| + | {| cellspacing="10" | ||
| + | | | ||
| + | | | ||
| + | |} | ||
| + | | | ||
{| border=1 | {| border=1 | ||
| − | ! | + | !Первый столбец||Второй столбец||Третий столбец |
| − | ! | + | |- |
| + | |Ячейка 1*1||Ячейка 2*1||Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2||Ячейка 2*2||Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3||Ячейка 2*3||Ячейка 3*3 | ||
| + | |} | ||
| + | |} | ||
| + | |||
| + | == Объединение ячеек == | ||
| + | В 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 | ||
| + | |} | ||
| + | |||
| + | |||
| + | == «Раскраска» таблиц == | ||
| + | '''Текст''', находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML: | ||
| + | * для отдельного слова — <nowiki><font color="#ABCDEF">Teкст</font></nowiki>; | ||
| + | * для длинного текста — <nowiki><div style="color:#ABCDEF">Текст, текст.</div></nowiki>, | ||
| + | где «ABCDEF» — индекс цвета в [http://stm.dp.ua/web-design/color-html.php Таблице цветов]. | ||
| + | '''Пример:''' | ||
| + | Для "раскраски" текста пишут так: | ||
| + | <nowiki>{| border=1 | ||
| + | |Ячейка 1*1 | ||
| + | |Здесь цветное только <font color="#FF00FF">одно</font> слово. | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div> | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |}</nowiki> | ||
| + | В ТолВики это будет выглядеть так: | ||
| + | {| border=1 | ||
| + | |Ячейка 1*1 | ||
| + | |Здесь цветное только <font color="#FF00FF">одно</font> слово. | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div> | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |} | ||
| + | |||
| + | Сделать '''цветную ячейку''' можно с помощью атрибута «bgcolor=#ABCDEF», где «ABCDEF» обозначает, как вы уже, наверное, догадались, индекс цвета в таблице цветов. | ||
| + | '''Пример:''' | ||
| + | Для «раскраски» одной ячейки пишется так: | ||
| + | <nowiki>{| border=1 | ||
| + | |Ячейка 1*1 | ||
| + | |bgcolor=#FFCC00|Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |bgcolor=#CCFF00|Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |}</nowiki> | ||
| + | В ТолВики это будет выглядеть так: | ||
| + | {| border=1 | ||
| + | |Ячейка 1*1 | ||
| + | |bgcolor=#FFCC00|Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |bgcolor=#CCFF00|Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |} | ||
| + | <!-- не функционирует. В других языковых разделах такого не нашел. Надо поэкспериментировать. | ||
| + | |||
| + | Чтобы сделать цветным фон всей таблицы, следует вписать атрибут "bgcolor=#ABCDEF" в первую строку таблицы, где ставиться и атрибут рамки: | ||
| + | <nowiki>{| border=1 bgcolor=#66FFFF | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |}</nowiki> | ||
| + | В ТолВики это будет выглядеть так: | ||
| + | {| border=1 bgcolor=#66FFFF | ||
| + | |Ячейка 1*1 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 3*1 | ||
| + | |- | ||
| + | |Ячейка 1*2 | ||
| + | |Ячейка 2*2 | ||
| + | |Ячейка 3*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 3*3 | ||
| + | |} | ||
| + | --> | ||
| + | |||
| + | == Название таблицы == | ||
| + | Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами. | ||
| + | '''Пример:''' | ||
| + | <nowiki>{| border=1 | ||
| + | |+ Очень длинное-длинное название таблицы. | ||
| + | |Ячейка 1 | ||
| + | |Ячейка 2 | ||
| + | |- | ||
| + | |Ячейка 3 | ||
| + | |Ячейка 4 | ||
| + | |}</nowiki> | ||
| + | Выглядеть это будет так: | ||
| + | {| border=1 | ||
| + | |+ Очень длинное-длинное название таблицы. | ||
| + | |Ячейка 1 | ||
| + | |Ячейка 2 | ||
| + | |- | ||
| + | |Ячейка 3 | ||
| + | |Ячейка 4 | ||
| + | |} | ||
| + | |||
| + | |||
| + | == С возможностью сортировки данных == | ||
| + | |||
| + | |||
| + | {| class="standard sortable" border=1 | ||
| + | |- | ||
| + | !Учитель||Студент||Школьник | ||
| + | |- | ||
| + | |Иван Иванович Иванов|| 1 || 2 | ||
| + | |- | ||
| + | |Петров Иванович Иванов|| 2 || 1 | ||
| + | |||
| + | |} | ||
| + | |||
| + | '''Синтаксис:''' | ||
| + | |||
| + | <nowiki> {| class="standard sortable" border=1 | ||
| + | |- | ||
| + | !Учитель||Студент||Школьник</nowiki> | ||
| + | |- | ||
| + | |Иван Иванович Иванов||Иван Иванович Иванов||Иван Иванович Иванов</nowiki> | ||
| + | |}</nowiki> | ||
| + | |||
| + | == Ширина таблицы и столбцов == | ||
| + | Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут ''width''. | ||
| + | '''Пример:''' | ||
| + | <nowiki>{| border=1 width=75% | ||
| + | |+Таблица 1 | ||
| + | |Ячейка 1*1 - long - long- long- long- long | ||
| + | |Ячейка 1*2 | ||
| + | |- | ||
| + | |Ячейка 1*3 | ||
| + | |Ячейка 1*4 | ||
| + | |}</nowiki> | ||
| + | <nowiki>{| border=1 width=75% | ||
| + | |+Таблица 2 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 2*2 | ||
| + | |- | ||
| + | |Ячейка 2*3 | ||
| + | |Ячейка 2*4 | ||
| + | |}</nowiki> | ||
| + | |||
| + | Выглядеть это будет так: | ||
| + | {| border=1 width=75% | ||
| + | |+Таблица 1 | ||
| + | |Ячейка 1*1 - long - long- long- long- long | ||
| + | |Ячейка 1*2 | ||
|- | |- | ||
| − | + | |Ячейка 1*3 | |
| − | | | + | |Ячейка 1*4 |
| + | |} | ||
| + | {| border=1 width=75% | ||
| + | |+Таблица 2 | ||
| + | |Ячейка 2*1 | ||
| + | |Ячейка 2*2 | ||
|- | |- | ||
| − | + | |Ячейка 2*3 | |
| − | | | + | |Ячейка 2*4 |
| + | |} | ||
| + | |||
| + | С помощью этого же атрибута можно регулировать ширину отдельных столбцов: | ||
| + | |||
| + | '''Пример:''' | ||
| + | <nowiki>{| border=1 width=75% | ||
| + | |+Таблица 1 | ||
| + | | width=40%|Ячейка 1*1 - long - long- long- long- long | ||
| + | | width=20%|Ячейка 1*2 - long - long- long- long- long | ||
| + | | width=40%|Ячейка 1*3 - long - long- long- long- long | ||
|- | |- | ||
| − | + | |Ячейка 1*4 | |
| − | | | + | |Ячейка 1*5 |
| + | |Ячейка 1*6 | ||
| + | |}</nowiki> | ||
| + | |||
| + | {| border=1 width=75% | ||
| + | |+Таблица 1 | ||
| + | | width=40%|Ячейка 1*1 - long - long- long- long- long | ||
| + | | width=20%|Ячейка 1*2 - long - long- long- long- long | ||
| + | | width=40%|Ячейка 1*3 - long - long- long- long- long | ||
|- | |- | ||
| − | + | |Ячейка 1*4 | |
| − | | | + | |Ячейка 1*5 |
| + | |Ячейка 1*6 | ||
| + | |||
| + | |||
| + | {|прект=40 | ||
| + | |zxtqrf1*1- |} | ||
| + | |||
| + | |||
| + | [[Категория:Справка]] | ||
Текущая версия на 15:48, 14 декабря 2013
Простейшая таблица
Любая таблица в wiki-стиле начинается с фигурной скобки { с последующей вертикальной чертой | и заканчивается вертикальной чертой | с закрывающей фигурной скобкой }. Каждая ячейка строки начинается с вертикальной черточки |, после которой пишется её содержание.
Пример:
| - | |||||||
1
{|
|Ячейка 1 |}
|Ячейка 2
|Ячейка 3
|}
|
|
|
Для введения следующей строки после вертикальной черточки ставится штрих «-». Таким образом можно вводить любое количество строк.
Пример:
| Исходный код таблицы в две строки: | В ТолВики это будет выглядеть так: | |||||||||
{|
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|}
|
|
|
| Таблица в три строки пишется так: | В ТолВики это будет выглядеть так: | ||||||||||||
{|
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}
|
|
|
И так далее.
Табличные рамки
Вид рамки описывается в первой строке, сразу после {|. Не забудьте, что между ними и атрибутом должен быть пробел.
Толщина линий рамки задаётся атрибутом border=n, где «n» — толщина линии:
| Исходный код: | В ТолВики это будет выглядеть так: | ||||||||||||
{| border=1
|Ячейка 1*1
|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}
|
|
|
Заголовки
Чтобы содержимое ячейки выделялось жирным шрифтом и центрировалось, вместо вертикальных чёрточек ставятся восклицательные знаки. Обычно это применяется для выделения заголовков.
Пример:
| Для последней таблицы можно написать так: | В ТолВики это будет выглядеть так: | |||||||||||||||
{| border=1
!Первый столбец
!Второй столбец
!Третий столбец
|-
!Первая строчка
|Ячейка 2*1
|Ячейка 3*1
|-
!Вторая строчка
|Ячейка 2*2
|Ячейка 3*2
|-
!Третья строчка
|Ячейка 2*3
|Ячейка 3*3
|}
|
|
|
Запись в одну строчку
Чтобы сделать записываемую в таблицу информацию более читабельной, можно писать ряды в одну строчку (если записи в них не очень длинные), отделяя их дополнительной вертикальной чертой.
Пример:
| Исходный код: | В ТолВики это будет выглядеть так: | |||||||||||||||
{| border=1
!Первый столбец||Второй столбец||Третий столбец
|-
|Ячейка 1*1||Ячейка 2*1||Ячейка 3*1
|-
|Ячейка 1*2||Ячейка 2*2||Ячейка 3*2
|-
|Ячейка 1*3||Ячейка 2*3||Ячейка 3*3
|}
|
|
|
Объединение ячеек
В 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 |
«Раскраска» таблиц
Текст, находящийся в таблице, можно сделать цветным. С этой целью применяются те же тэги, что и в HTML:
- для отдельного слова — <font color="#ABCDEF">Teкст</font>;
- для длинного текста — <div style="color:#ABCDEF">Текст, текст.</div>,
где «ABCDEF» — индекс цвета в Таблице цветов.
Пример:
Для "раскраски" текста пишут так:
{| border=1
|Ячейка 1*1
|Здесь цветное только <font color="#FF00FF">одно</font> слово.
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|<div style="color:#008B00">А здесь выделен цветом длинный-длинный абзац.</div>
|-
|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}
В ТолВики это будет выглядеть так:
| Ячейка 1*1 | Здесь цветное только одно слово. | Ячейка 3*1 |
| Ячейка 1*2 | Ячейка 2*2 | А здесь выделен цветом длинный-длинный абзац.
|
| Ячейка 1*3 | Ячейка 2*3 | Ячейка 3*3 |
Сделать цветную ячейку можно с помощью атрибута «bgcolor=#ABCDEF», где «ABCDEF» обозначает, как вы уже, наверное, догадались, индекс цвета в таблице цветов.
Пример:
Для «раскраски» одной ячейки пишется так:
{| border=1
|Ячейка 1*1
|bgcolor=#FFCC00|Ячейка 2*1
|Ячейка 3*1
|-
|Ячейка 1*2
|Ячейка 2*2
|Ячейка 3*2
|-
|bgcolor=#CCFF00|Ячейка 1*3
|Ячейка 2*3
|Ячейка 3*3
|}
В ТолВики это будет выглядеть так:
| Ячейка 1*1 | Ячейка 2*1 | Ячейка 3*1 |
| Ячейка 1*2 | Ячейка 2*2 | Ячейка 3*2 |
| Ячейка 1*3 | Ячейка 2*3 | Ячейка 3*3 |
Название таблицы
Чтобы название таблицы было отцентрировано по ее ширине, нужно после вертикальной чёрточки поставить знак «+». Само название можно форматировать обычными wiki-атрибутами.
Пример:
{| border=1
|+ Очень длинное-длинное название таблицы.
|Ячейка 1
|Ячейка 2
|-
|Ячейка 3
|Ячейка 4
|}
Выглядеть это будет так:
| Ячейка 1 | Ячейка 2 |
| Ячейка 3 | Ячейка 4 |
С возможностью сортировки данных
| Учитель | Студент | Школьник |
|---|---|---|
| Иван Иванович Иванов | 1 | 2 |
| Петров Иванович Иванов | 2 | 1 |
Синтаксис:
{| class="standard sortable" border=1
|-
!Учитель||Студент||Школьник
|-
|Иван Иванович Иванов||Иван Иванович Иванов||Иван Иванович Иванов</nowiki>
|}</nowiki>
Ширина таблицы и столбцов
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, не зависимо от их содержания. Для фиксации ширины таблицы применяется атрибут width.
Пример:
{| border=1 width=75%
|+Таблица 1
|Ячейка 1*1 - long - long- long- long- long
|Ячейка 1*2
|-
|Ячейка 1*3
|Ячейка 1*4
|}
{| border=1 width=75%
|+Таблица 2
|Ячейка 2*1
|Ячейка 2*2
|-
|Ячейка 2*3
|Ячейка 2*4
|}
Выглядеть это будет так:
| Ячейка 1*1 - long - long- long- long- long | Ячейка 1*2 |
| Ячейка 1*3 | Ячейка 1*4 |
| Ячейка 2*1 | Ячейка 2*2 |
| Ячейка 2*3 | Ячейка 2*4 |
С помощью этого же атрибута можно регулировать ширину отдельных столбцов:
Пример:
{| border=1 width=75%
|+Таблица 1
| width=40%|Ячейка 1*1 - long - long- long- long- long
| width=20%|Ячейка 1*2 - long - long- long- long- long
| width=40%|Ячейка 1*3 - long - long- long- long- long
|-
|Ячейка 1*4
|Ячейка 1*5
|Ячейка 1*6
|}
| Ячейка 1*1 - long - long- long- long- long | Ячейка 1*2 - long - long- long- long- long | Ячейка 1*3 - long - long- long- long- long | |
| Ячейка 1*4 | Ячейка 1*5 | Ячейка 1*6
|
