НовоВики. «Мой Новосибирск родной!»
Работа с таблицами — различия между версиями
м (Защищена страница «Работа с таблицами» ([edit=sysop] (бессрочно) [move=sysop] (бессрочно))) |
|||
(не показаны 4 промежуточные версии 1 участника) | |||
Строка 2: | Строка 2: | ||
<div style="background-color:#D7FFC7;font-size:1px;height:8px;border:1px solid #AAAAAA;-moz-border-radius-topright:0.5em;-moz-border-radius-topleft:0.5em;"></div> | <div style="background-color:#D7FFC7;font-size:1px;height:8px;border:1px solid #AAAAAA;-moz-border-radius-topright:0.5em;-moz-border-radius-topleft:0.5em;"></div> | ||
<div style="border:1px solid #97BF87;border-top:0px solid white;padding:5px 5px 0 5px;margin-bottom:3ex;"> | <div style="border:1px solid #97BF87;border-top:0px solid white;padding:5px 5px 0 5px;margin-bottom:3ex;"> | ||
− | Вернуться на [[Справка: | + | Вернуться на [[Справка:Содержание|справочную страницу]]</div> |
== Вставка таблицы == | == Вставка таблицы == | ||
Строка 120: | Строка 120: | ||
|} | |} | ||
− | <nowiki>{|class="wikitable sortable" | + | <nowiki>{|class="wide wikitable sortable" |
|Заголовок 1 | |Заголовок 1 | ||
|Заголовок 2 | |Заголовок 2 | ||
Строка 134: | Строка 134: | ||
|}</nowiki> | |}</nowiki> | ||
− | {|class="wikitable sortable" | + | {|class="wide wikitable sortable" |
|Заголовок 1 | |Заголовок 1 | ||
|Заголовок 2 | |Заголовок 2 | ||
Строка 149: | Строка 149: | ||
===Таблицы с возможностью сортировки=== | ===Таблицы с возможностью сортировки=== | ||
− | <nowiki>{| class="standard sortable" | + | <nowiki>{| class="standard wikitable sortable" |
|Заголовок 1 | |Заголовок 1 | ||
|Заголовок 2 | |Заголовок 2 | ||
Строка 163: | Строка 163: | ||
|}</nowiki> | |}</nowiki> | ||
− | {| class="standard sortable" | + | {| class="standard wikitable sortable" |
|Заголовок 1 | |Заголовок 1 | ||
|Заголовок 2 | |Заголовок 2 | ||
Строка 189: | Строка 189: | ||
|}</nowiki> | |}</nowiki> | ||
− | {| class="frame sortable" | + | {| class="standart frame sortable" |
|- | |- | ||
!Латиница||Кириллица||class="unsortable"|Цифры | !Латиница||Кириллица||class="unsortable"|Цифры |
Текущая версия на 17:05, 24 февраля 2012
Содержание |
[править] Вставка таблицы
- Любая таблица в wiki-стиле начинается с фигурной скобки
{
с последующей вертикальной чертой|
и заканчивается вертикальной чертой|
с закрывающей фигурной скобкой}
. Каждая ячейка строки начинается вертикальной чёрточки|
, после которой пишется её содержание. - Для введения следующей строки используйте конструкцию
|-
. Таким образом можно вводить любое количество строк. - Возможно устанавливать толщину рамки атрибутом border="толщина_линии" (толщина линии указывается числом).
Таблица в две строки с границей пишется так:
{|border="1" |Ячейка 1, 1 |Ячейка 2, 1 |Ячейка 3, 1 |- |Ячейка 1, 2 |Ячейка 2, 2 |Ячейка 3, 2 |}
Ячейка 1, 1 | Ячейка 2, 1 | Ячейка 3, 1 |
Ячейка 1, 2 | Ячейка 2, 2 | Ячейка 3, 2 |
- Можно сделать рамку без двойных линий с помощью аттрибута
style="border-collapse:collapse"
.
{|border="1" style="border-collapse:collapse" |Ячейка 1, 1 |Ячейка 2, 1 |Ячейка 3, 1 |- |Ячейка 1, 2 |Ячейка 2, 2 |Ячейка 3, 2 |- |Ячейка 1, 3 |Ячейка 2, 3 |Ячейка 3, 3 |}
Ячейка 1, 1 | Ячейка 2, 1 | Ячейка 3, 1 |
Ячейка 1, 2 | Ячейка 2, 2 | Ячейка 3, 2 |
Ячейка 1, 3 | Ячейка 2, 3 | Ячейка 3, 3 |
[править] Классы таблиц
[править] Стандартная таблица
Таблицу можно оформить одним из стандартных оформлений с помощью аттрибута class="standard"
.
{|class="standard" |Ячейка 1, 1 |Ячейка 2, 1 |Ячейка 3, 1 |- |Ячейка 1, 2 |Ячейка 2, 2 |Ячейка 3, 2 |- |Ячейка 1, 3 |Ячейка 2, 3 |Ячейка 3, 3 |}
Ячейка 1, 1 | Ячейка 2, 1 | Ячейка 3, 1 |
Ячейка 1, 2 | Ячейка 2, 2 | Ячейка 3, 2 |
Ячейка 1, 3 | Ячейка 2, 3 | Ячейка 3, 3 |
[править] Широкие таблицы
{|class="wide-frame" |Ячейка 1, 1 |Ячейка 2, 1 |Ячейка 3, 1 |- |Ячейка 1, 2 |Ячейка 2, 2 |Ячейка 3, 2 |- |Ячейка 1, 3 |Ячейка 2, 3 |Ячейка 3, 3 |}
Ячейка 1, 1 | Ячейка 2, 1 | Ячейка 3, 1 |
Ячейка 1, 2 | Ячейка 2, 2 | Ячейка 3, 2 |
Ячейка 1, 3 | Ячейка 2, 3 | Ячейка 3, 3 |
{|class="wide wikitable sortable" |Заголовок 1 |Заголовок 2 |- |1 |И |- |5 |У |- |7 |М |}
Заголовок 1 | Заголовок 2 |
1 | И |
5 | У |
7 | М |
[править] Таблицы с возможностью сортировки
{| class="standard wikitable sortable" |Заголовок 1 |Заголовок 2 |- |1 |И |- |5 |У |- |7 |М |}
Заголовок 1 | Заголовок 2 |
1 | И |
5 | У |
7 | М |
[править] Таблица в виде фрейма
{| class="frame sortable" |- !Латиница||Кириллица||class="unsortable"|Цифры |- | D || Г || 3 |- | E || Щ || 2 |- | F || Б || 11 |}
Латиница | Кириллица | Цифры |
---|---|---|
D | Г | 3 |
E | Щ | 2 |
F | Б | 11 |
[править] Заголовки
Чтобы содержимое ячейки оформлялось как заголовок колонки, вместо вертикальных чёрточек ставятся восклицательные знаки.
{|class="standard" !Первый столбец !Второй столбец !Третий столбец |- !Первая строчка |Ячейка 2, 1 |Ячейка 3, 1 |- !Вторая строчка |Ячейка 2, 2 |Ячейка 3, 2 |- !Третья строчка |Ячейка 2, 3 |Ячейка 3, 3 |}
Первый столбец | Второй столбец | Третий столбец |
---|---|---|
Первая строчка | Ячейка 2, 1 | Ячейка 3, 1 |
Вторая строчка | Ячейка 2, 2 | Ячейка 3, 2 |
Третья строчка | Ячейка 2, 3 | Ячейка 3, 3 |
[править] Объединение ячеек
В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут rowspan="n"
, где n
— число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки.
Вертикальное объединение двух ячеек пишется так:
{|class="standard" |Ячейка 1 |rowspan="2" |Ячейка 2, объединяет два ряда таблицы |Ячейка 3 |- |Ячейка 4 |Ячейка 5 |}
Ячейка 1 | Ячейка 2, объединяет два ряда таблицы | Ячейка 3 |
Ячейка 4 | Ячейка 5 |
Для объединения по горизонтали используется атрибут colspan="n"
.
{|class="standard" |Ячейка 1 |colspan="2" |Ячейка 2, объединяет два столбца |- |Ячейка 3 |Ячейка 4 |Ячейка 5 |}
Ячейка 1 | Ячейка 2, объединяет два столбца | |
Ячейка 3 | Ячейка 4 | Ячейка 5 |
[править] Раскраска таблиц
- Текст, находящийся в таблице, можно сделать цветным. См. раздел Таблица цветов HTML.
- Сделать цветную ячейку можно с помощью атрибута
style="background-color:цвет"
.
Раскраска одной ячейки:
{|class="standard" |Ячейка 1, 1 |style="background-color:#FA8072"|Ячейка 2, 1 |Ячейка 3, 1 |- |Ячейка 1, 2 |Ячейка 2, 2 |Ячейка 3, 2 |- |style="background-color:green"|Ячейка 1, 3 |Ячейка 2, 3 |Ячейка 3, 3 |}
Ячейка 1, 1 | Ячейка 2, 1 | Ячейка 3, 1 |
Ячейка 1, 2 | Ячейка 2, 2 | Ячейка 3, 2 |
Ячейка 1, 3 | Ячейка 2, 3 | Ячейка 3, 3 |
[править] Вложенные таблицы
Для создания таблицы внутри уже имеющейся, надо вписать в нужном месте фигурную скобку с вертикальной черточкой, как при написании обычной таблицы. Обратите внимание, что горизонтальной чёрточки в начале строки быть не должно. Не забудьте также закрыть внутреннюю таблицу.
{|class="standard" |Ячейка 1 | {|class="standard" |Ячейка А |- |Ячейка Б |} |Ячейка 3 |}
Ячейка 1 |
|
Ячейка 3 |
[править] Название таблицы
Чтобы название таблицы было отцентрировано по её ширине, нужно после вертикальной чёрточки поставить знак +
. Само название можно форматировать обычными wiki-атрибутами.
{|class="standard" |+Очень длинное-длинное название таблицы. |Ячейка 1 |Ячейка 2 |- |Ячейка 3 |Ячейка 4 |}
Ячейка 1 | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
[править] Ширина таблицы
Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, независимо от их содержания. Для фиксации ширины таблицы применяется атрибут width
.
{|class="standard" width="75%" |+Таблица 1 |Ячейка 1, длинная-длинная-длинная-длинная |Ячейка 2 |- |Ячейка 3 |Ячейка 4 |} {|class="standard" width="75%" |+Таблица 2 |Ячейка 1 |Ячейка 2 |- |Ячейка 3 |Ячейка 4 |}
Ячейка 1, длинная-длинная-длинная-длинная | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
Ячейка 1 | Ячейка 2 |
Ячейка 3 | Ячейка 4 |
По материалам "Справка по Таблицам в Wiki".