НовоВики. «Мой Новосибирск родной!»
Работа с таблицами — различия между версиями
Строка 3: | Строка 3: | ||
<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> | Вернуться на [[Справка:Справка|справочную страницу]]</div> | ||
− | |||
== Вставка таблицы == | == Вставка таблицы == | ||
Строка 20: | Строка 19: | ||
|Ячейка 3, 2 | |Ячейка 3, 2 | ||
|}</nowiki> | |}</nowiki> | ||
+ | |||
{|border="1" | {|border="1" | ||
|Ячейка 1, 1 | |Ячейка 1, 1 | ||
Строка 30: | Строка 30: | ||
|} | |} | ||
− | + | *Можно сделать рамку без двойных линий с помощью аттрибута <code>style="border-collapse:collapse"</code>. | |
+ | <nowiki>{|border="1" style="border-collapse:collapse" | ||
+ | |Ячейка 1, 1 | ||
+ | |Ячейка 2, 1 | ||
+ | |Ячейка 3, 1 | ||
+ | |- | ||
+ | |Ячейка 1, 2 | ||
+ | |Ячейка 2, 2 | ||
+ | |Ячейка 3, 2 | ||
+ | |- | ||
+ | |Ячейка 1, 3 | ||
+ | |Ячейка 2, 3 | ||
+ | |Ячейка 3, 3 | ||
+ | |}</nowiki> | ||
− | + | {|border="1" style="border-collapse:collapse" | |
− | {| | + | |Ячейка 1, 1 |
+ | |Ячейка 2, 1 | ||
+ | |Ячейка 3, 1 | ||
|- | |- | ||
− | + | |Ячейка 1, 2 | |
− | + | |Ячейка 2, 2 | |
− | + | |Ячейка 3, 2 | |
|- | |- | ||
− | | | + | |Ячейка 1, 3 |
− | |< | + | |Ячейка 2, 3 |
− | |< | + | |Ячейка 3, 3 |
+ | |} | ||
+ | |||
+ | == Классы таблиц == | ||
+ | Таблицу можно оформить одним из стандартных оформлений с помощью аттрибута <code>class="standard"</code>. | ||
+ | |||
+ | <nowiki>{|class="standard" | ||
+ | |Ячейка 1, 1 | ||
+ | |Ячейка 2, 1 | ||
+ | |Ячейка 3, 1 | ||
+ | |- | ||
+ | |Ячейка 1, 2 | ||
+ | |Ячейка 2, 2 | ||
+ | |Ячейка 3, 2 | ||
+ | |- | ||
+ | |Ячейка 1, 3 | ||
+ | |Ячейка 2, 3 | ||
+ | |Ячейка 3, 3 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" | ||
+ | |Ячейка 1, 1 | ||
+ | |Ячейка 2, 1 | ||
+ | |Ячейка 3, 1 | ||
+ | |- | ||
+ | |Ячейка 1, 2 | ||
+ | |Ячейка 2, 2 | ||
+ | |Ячейка 3, 2 | ||
+ | |- | ||
+ | |Ячейка 1, 3 | ||
+ | |Ячейка 2, 3 | ||
+ | |Ячейка 3, 3 | ||
+ | |} | ||
+ | |||
+ | |||
+ | == Заголовки == | ||
+ | |||
+ | Чтобы содержимое ячейки оформлялось как заголовок колонки, вместо вертикальных чёрточек ставятся восклицательные знаки. | ||
+ | |||
+ | <nowiki>{|class="standard" | ||
+ | !Первый столбец | ||
+ | !Второй столбец | ||
+ | !Третий столбец | ||
+ | |- | ||
+ | !Первая строчка | ||
+ | |Ячейка 2, 1 | ||
+ | |Ячейка 3, 1 | ||
+ | |- | ||
+ | !Вторая строчка | ||
+ | |Ячейка 2, 2 | ||
+ | |Ячейка 3, 2 | ||
+ | |- | ||
+ | !Третья строчка | ||
+ | |Ячейка 2, 3 | ||
+ | |Ячейка 3, 3 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" | ||
+ | !Первый столбец | ||
+ | !Второй столбец | ||
+ | !Третий столбец | ||
+ | |- | ||
+ | !Первая строчка | ||
+ | |Ячейка 2, 1 | ||
+ | |Ячейка 3, 1 | ||
+ | |- | ||
+ | !Вторая строчка | ||
+ | |Ячейка 2, 2 | ||
+ | |Ячейка 3, 2 | ||
+ | |- | ||
+ | !Третья строчка | ||
+ | |Ячейка 2, 3 | ||
+ | |Ячейка 3, 3 | ||
+ | |} | ||
+ | |||
+ | |||
+ | == Объединение ячеек == | ||
+ | В wiki-стиле, как и в HTML, имеется возможность объединять несколько ячеек как по вертикали, так и по горизонтали. Для объединения по вертикали применяется атрибут <code>rowspan="n"</code>, где <code>n</code> — число ячеек, которые должна объединить данная ячейка. Этот атрибут вписывается перед содержанием объединяющей ячейки. | ||
+ | |||
+ | Вертикальное объединение двух ячеек пишется так: | ||
+ | |||
+ | <nowiki>{|class="standard" | ||
+ | |Ячейка 1 | ||
+ | |rowspan="2" |Ячейка 2, объединяет два ряда таблицы | ||
+ | |Ячейка 3 | ||
+ | |- | ||
+ | |Ячейка 4 | ||
+ | |Ячейка 5 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" | ||
+ | |Ячейка 1 | ||
+ | |rowspan="2" |Ячейка 2, объединяет два ряда таблицы | ||
+ | |Ячейка 3 | ||
+ | |- | ||
+ | |Ячейка 4 | ||
+ | |Ячейка 5 | ||
+ | |} | ||
+ | |||
+ | Для объединения по горизонтали используется атрибут <code>colspan="n"</code>. | ||
+ | |||
+ | <nowiki>{|class="standard" | ||
+ | |Ячейка 1 | ||
+ | |colspan="2" |Ячейка 2, объединяет два столбца | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |Ячейка 5 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" | ||
+ | |Ячейка 1 | ||
+ | |colspan="2" |Ячейка 2, объединяет два столбца | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |Ячейка 5 | ||
+ | |} | ||
+ | |||
+ | == Раскраска таблиц == | ||
+ | *Текст, находящийся в таблице, можно сделать цветным. См. раздел [[Таблица цветов HTML]]. | ||
+ | *Сделать цветную ячейку можно с помощью атрибута <code>style="background-color:цвет"</code>. | ||
+ | |||
+ | Раскраска одной ячейки: | ||
+ | |||
+ | <nowiki>{|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 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|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 | ||
+ | |} | ||
+ | |||
+ | == Вложенные таблицы == | ||
+ | Для создания таблицы внутри уже имеющейся, надо вписать в нужном месте фигурную скобку с вертикальной черточкой, как при написании обычной таблицы. Обратите внимание, что горизонтальной чёрточки в начале строки быть ''не должно''. Не забудьте также закрыть внутреннюю таблицу. | ||
+ | |||
+ | <nowiki>{|class="standard" | ||
+ | |Ячейка 1 | ||
+ | | | ||
+ | {|class="standard" | ||
+ | |Ячейка А | ||
+ | |- | ||
+ | |Ячейка Б | ||
+ | |} | ||
+ | |Ячейка 3 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" | ||
+ | |Ячейка 1 | ||
+ | | | ||
+ | {|class="standard" | ||
+ | |Ячейка А | ||
+ | |- | ||
+ | |Ячейка Б | ||
+ | |} | ||
+ | |Ячейка 3 | ||
+ | |} | ||
+ | |||
+ | == Название таблицы == | ||
+ | Чтобы название таблицы было отцентрировано по её ширине, нужно после вертикальной чёрточки поставить знак <code>+</code>. Само название можно форматировать обычными wiki-атрибутами. | ||
+ | |||
+ | <nowiki>{|class="standard" | ||
+ | |+Очень длинное-длинное название таблицы. | ||
+ | |Ячейка 1 | ||
+ | |Ячейка 2 | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" | ||
+ | |+Очень длинное-длинное название таблицы. | ||
+ | |Ячейка 1 | ||
+ | |Ячейка 2 | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |} | ||
+ | |||
+ | == Ширина таблицы == | ||
+ | Если, например, подряд идут несколько отдельных таблиц, то желательно, чтобы ширина их была одинаковой, независимо от их содержания. Для фиксации ширины таблицы применяется атрибут <code>width</code>. | ||
+ | |||
+ | <nowiki>{|class="standard" width="75%" | ||
+ | |+Таблица 1 | ||
+ | |Ячейка 1, длинная-длинная-длинная-длинная | ||
+ | |Ячейка 2 | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |} | ||
+ | |||
+ | {|class="standard" width="75%" | ||
+ | |+Таблица 2 | ||
+ | |Ячейка 1 | ||
+ | |Ячейка 2 | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |}</nowiki> | ||
+ | |||
+ | {|class="standard" width="75%" | ||
+ | |+Таблица 1 | ||
+ | |Ячейка 1, длинная-длинная-длинная-длинная | ||
+ | |Ячейка 2 | ||
+ | |- | ||
+ | |Ячейка 3 | ||
+ | |Ячейка 4 | ||
+ | |} | ||
+ | |||
+ | {|class="standard" width="75%" | ||
+ | |+Таблица 2 | ||
+ | |Ячейка 1 | ||
+ | |Ячейка 2 | ||
|- | |- | ||
− | | | + | |Ячейка 3 |
− | | | + | |Ячейка 4 |
− | + | ||
|} | |} |
Версия 20:03, 29 октября 2011
Содержание |
Вставка таблицы
- Любая таблица в 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="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 |