Форматирование таблицы
Jenya1128 (обсуждение | вклад) |
м (Правки Jenya1128 (обсуждение) откачены к версии Амарханова) |
||
Строка 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- |} | ||
+ | |||
+ | |||
+ | [[Категория:Справка]] |
Версия 09:05, 9 ноября 2011
Простейшая таблица
Любая таблица в 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
|